/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * email: maxchow@qq.com
 *
 *************************************/
/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 *************************************/
/**************************************
 *
 * VLOOK CSS 字体主题、圆角样式
 * (配合 base.less 进行使用)
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
@import "normalize.css";
@font-face {
  font-family: "color-emoji";
  src: local("Apple Color Emoji"), local("Segoe UI Emoji"), local("Segoe UI Symbol"), local("Noto Color Emoji");
  unicode-range: U+203C-203C, U+2049-2049, U+2139-2139, U+2194-2199, U+21A9-21AA, U+231A-231B, U+2328-2328, U+23CF-23CF, U+23E9-23F3, U+23F8-23FA, U+24C2-24C2, U+25AA-25AB, U+25B6-25B6, U+25C0-25C0, U+25FB-25FE, U+2600-2604, U+260E-260E, U+2611-2611, U+2614-2615, U+2618-2618, U+261D-261D, U+2620-2620, U+2622-2623, U+2626-2626, U+262A-262A, U+262E-262F, U+2638-263A, U+2640-2640, U+2642-2642, U+2648-2653, U+265F-2660, U+2663-2663, U+2665-2666, U+2668-2668, U+267B-267B, U+267E-267F, U+2692-2697, U+2699-2699, U+269B-269C, U+26A0-26A1, U+26A7-26A7, U+26AA-26AB, U+26B0-26B1, U+26BD-26BE, U+26C4-26C5, U+26C8-26C8, U+26CE-26CF, U+26D1-26D1, U+26D3-26D4, U+26E9-26EA, U+26F0-26F5, U+26F7-26FA, U+26FD-26FD, U+2702-2702, U+2705-2705, U+2708-270D, U+270F-270F, U+2712-2712, U+2714-2714, U+2716-2716, U+271D-271D, U+2721-2721, U+2728-2728, U+2733-2734, U+2744-2744, U+2747-2747, U+274C-274C, U+274E-274E, U+2753-2755, U+2757-2757, U+2763-2764, U+2795-2797, U+27A1-27A1, U+27B0-27B0, U+27BF-27BF, U+2934-2935, U+2B05-2B07, U+2B1B-2B1C, U+2B50-2B50, U+2B55-2B55, U+3030-3030, U+303D-303D, U+3297-3297, U+3299-3299, U+1F000-1FAFF;
}
@font-face {
  font-family: "VLOOK Digital Sans CSS";
  font-weight: normal;
  src: local("Noto Sans Mono Regular");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family: "VLOOK Digital Sans CSS";
  font-weight: 500;
  src: local("Noto Sans Mono Medium");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family: "VLOOK Digital Sans CSS";
  font-weight: bold;
  src: local("Noto Sans Mono Bold");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family: "VLOOK Digital Sans CSS";
  font-weight: 900;
  src: local("Noto Sans Mono Black");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family: "VLOOK Digital local";
  font-weight: normal;
  src: local("SF Mono Regular"), local("Menlo Regular"), local("Cascadia Mono Regular"), local("Consolas");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family: "VLOOK Digital local";
  font-weight: bold;
  src: local("SF Mono Bold"), local("Menlo Bold"), local("Cascadia Mono Bold"), local("Consolas Bold");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family: "VLOOK Digital Serif CSS";
  font-weight: normal;
  src: local("Luxi Mono Regular");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
@font-face {
  font-family: "VLOOK Digital Serif CSS";
  font-weight: bold;
  src: local("Luxi Mono Bold");
  unicode-range: U+0021-002F, U+0030-0039, U+003A-0040, U+005B-0060, U+007B-007E;
}
:root {
  --v-f-fm-title-local: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-subtitle-local: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-h-local: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-text-local: "color-emoji", VLOOK Digital local, -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-bd-local: "color-emoji", VLOOK Digital local, -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-key-local: -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-num-local: "color-emoji", "VLOOK Number", "Altinn-DIN", "DIN", "DIN Alternate", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-tag-local: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-code-local: "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", monospace;
  --v-f-w-bd-local: bold;
  --v-f-w-title-local: bold;
  --v-f-w-text-local: normal;
  --v-f-fm-title-macos: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK";
  --v-f-fm-subtitle-macos: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK";
  --v-f-fm-h-macos: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK";
  --v-f-fm-text-macos: "color-emoji", "VLOOK Digital Sans", "VLOOK Digital Sans CSS", "VLOOK Digital local", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK";
  --v-f-fm-bd-macos: "color-emoji", "VLOOK Digital Sans", "VLOOK Digital Sans CSS", "VLOOK Digital local", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK";
  --v-f-fm-key-macos: -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK";
  --v-f-fm-num-macos: "color-emoji", "VLOOK Number", "Altinn-DIN", "DIN", "DIN Alternate", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK";
  --v-f-fm-tag-macos: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-code-macos: "SF Mono", Menlo, Courier, "Courier New", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Heiti SC", "黑体-简", SimHei, "黑体", monospace;
  --v-f-w-bd-macos: bold;
  --v-f-w-title-macos: bold;
  --v-f-w-text-macos: normal;
  --v-f-fm-title-win: "color-emoji", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-subtitle-win: "color-emoji", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-h-win: "color-emoji", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-text-win: "color-emoji", "VLOOK Digital Sans", "VLOOK Digital Sans CSS", "VLOOK Digital local", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-bd-win: "color-emoji", "VLOOK Digital Sans", "VLOOK Digital Sans CSS", "VLOOK Digital local", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-key-win: "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-num-win: "color-emoji", "VLOOK Number", "Altinn-DIN", "DIN", "DIN Alternate", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-tag-win: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-code-win: "Cascadia Mono", Consolas, Courier, "Courier New", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", monospace;
  --v-f-w-bd-win: bold;
  --v-f-w-title-win: bold;
  --v-f-w-text-win: normal;
  --v-f-fm-title-sans: "color-emoji", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-subtitle-sans: "color-emoji", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-h-sans: "color-emoji", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-text-sans: "color-emoji", "VLOOK Digital Sans", "VLOOK Digital Sans CSS", "VLOOK Digital local", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-bd-sans: "color-emoji", "VLOOK Digital Sans", "VLOOK Digital Sans CSS", "VLOOK Digital local", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-key-sans: "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-num-sans: "color-emoji", "VLOOK Number", "Altinn-DIN", "DIN", "DIN Alternate", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-tag-sans: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-code-sans: "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, Courier, "Courier New", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", monospace, "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, Courier, "Courier New", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", monospace, "Heiti SC", "黑体-简", SimHei, "黑体", monospace;
  --v-f-w-bd-sans: 900;
  --v-f-w-title-sans: 900;
  --v-f-w-text-sans: normal;
  --v-f-fm-title-serif: "color-emoji", "VLOOK Serif", "Noto Serif CJK SC", "Noto Serif CJK HK", "Noto Serif CJK TW", "思源宋体", "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif HK", "Source Han Serif HC", "Source Han Serif TW", "Source Han Serif TC", "Times New Roman", Times, "Songti SC", "宋体-简", SimSun, "宋体", serif;
  --v-f-fm-subtitle-serif: "color-emoji", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-h-serif: "color-emoji", "VLOOK Serif", "Noto Serif CJK SC", "Noto Serif CJK HK", "Noto Serif CJK TW", "思源宋体", "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif HK", "Source Han Serif HC", "Source Han Serif TW", "Source Han Serif TC", "Times New Roman", Times, "Songti SC", "宋体-简", SimSun, "宋体", serif;
  --v-f-fm-text-serif: "color-emoji", "VLOOK Digital Serif", "VLOOK Digital Serif CSS", "VLOOK Digital local", "VLOOK Serif", "Noto Serif CJK SC", "Noto Serif CJK HK", "Noto Serif CJK TW", "思源宋体", "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif HK", "Source Han Serif HC", "Source Han Serif TW", "Source Han Serif TC", "Times New Roman", Times, "Songti SC", "宋体-简", SimSun, "宋体", serif;
  --v-f-fm-bd-serif: "color-emoji", "VLOOK Digital Sans", "VLOOK Digital Sans CSS", "VLOOK Digital local", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-key-serif: "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-num-serif: "color-emoji", "VLOOK Number", "Altinn-DIN", "DIN", "DIN Alternate", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-tag-serif: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-code-serif: "VLOOK Serif Mono", "Luxi Mono", "Iosevka Slab", "PT Mono", Courier, "Courier New", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Serif", "Noto Serif CJK SC", "Noto Serif CJK HK", "Noto Serif CJK TW", "思源宋体", "Source Han Serif SC", "Source Han Serif CN", "Source Han Serif HK", "Source Han Serif HC", "Source Han Serif TW", "Source Han Serif TC", "Times New Roman", Times, "Songti SC", "宋体-简", SimSun, "宋体", monospace;
  --v-f-w-bd-serif: bold;
  --v-f-w-title-serif: 900;
  --v-f-w-text-serif: 500;
  --v-f-fm-title-book: "color-emoji", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-subtitle-book: "color-emoji", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-h-book: "color-emoji", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-text-book: "color-emoji", "Times New Roman", Times, "Songti SC", "宋体-简", SimSun, "宋体", serif;
  --v-f-fm-bd-book: "color-emoji", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-key-book: Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-num-book: "color-emoji", "VLOOK Number", "Altinn-DIN", "DIN", "DIN Alternate", "VLOOK Sans Mono", "Noto Sans Mono", "SF Mono", Menlo, "Cascadia Mono", Consolas, Courier, "Courier New", "VLOOK Sans", "Noto Sans CJK SC", "Noto Sans CJK HK", "Noto Sans CJK TW", "思源黑体", "Source Han Sans SC", "Source Han Sans CN", "Source Han Sans HK", "Source Han Sans HC", "Source Han Sans TW", "Source Han Sans TC", "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体", "Heiti SC", "黑体-简", SimHei, "黑体", sans-serif;
  --v-f-fm-tag-book: "color-emoji", -apple-system, Roboto, "SF Pro Text", "SF Pro Display", "PingFang SC", "PingFang TC", "PingFang HK", "Segoe UI", SegoeUI, "Microsoft YaHei", "微软雅黑", "Heiti SC", "黑体-简", SimHei, "黑体", "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "黑体-简", SimHei, "黑体";
  --v-f-fm-code-book: Courier, "Courier New", Arial, Tahoma, "Helvetica Neue", Helvetica, "Heiti SC", "黑体-简", SimHei, "黑体", monospace;
  --v-f-w-bd-book: bold;
  --v-f-w-title-book: bold;
  --v-f-w-text-book: normal;
}
:root {
  --v-r-b-small: 8px;
  --v-r-s-small: 4px;
  --v-r-t-small: 6px;
  --v-r-si-small: calc(var(--v-r-t-small) + 1px);
  --v-r-tag-small: 0.3em;
  --v-r-c-small: 50%;
  --v-r-b-big: 12px;
  --v-r-s-big: 6px;
  --v-r-t-big: 10px;
  --v-r-si-big: calc(var(--v-r-t-big) + 1px);
  --v-r-tag-big: 0.5em;
  --v-r-c-big: 50%;
}
/**************************************
 *
 * VLOOK CSS 调色板
 * (配合 base.less 进行使用)
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
/**
 * 文档背景色
 * @param colorLight 在 Light Mode 的颜色
 * @param colorDark 在 Dark Mode 的颜色
 */
:root {
  --d-bc-lg: #FFFFFF;
  --fade-r-lg: 255;
  --fade-g-lg: 255;
  --fade-b-lg: 255;
  --d-bc-dk: #222426;
  --fade-r-dk: 34;
  --fade-g-dk: 36;
  --fade-b-dk: 38;
}
/**
 * 文档背景图片
 * @param bgImgLight 在 Light Mode 的图片
 * @param bgImgDark 在 Dark Mode 的图片
 */
:root {
  --d-bi-lg: none;
  --d-bi-dk: none;
}
/**
 * 文档文字色
 * @param colorLight 在 Light Mode 的颜色
 * @param colorDark 在 Dark Mode 的颜色
 */
:root {
  --d-fc-lg: #222426;
  --d-fc-a-lg: #b9bdc1;
  --toc-h-num-color-lg: rgba(34, 36, 38, 0.5);
  --d-fc-dk: #DBDDDF;
  --d-fc-a-dk: #70777e;
  --toc-h-num-color-dk: rgba(219, 221, 223, 0.5);
}
/**
 * 面板颜色
 * @param colorLight 在 Light Mode 的颜色
 * @param colorDark 在 Dark Mode 的颜色
 */
:root {
  --pn-c-lg: #E8EAED;
  --pn-c-a-lg: #cbd0d7;
  --pn-fade-r-lg: 232;
  --pn-fade-g-lg: 234;
  --pn-fade-b-lg: 237;
  --blockquote-bg-lg: #E8EAED;
  --pn-c-dk: #303234;
  --pn-c-a-dk: #484c4f;
  --pn-fade-r-dk: 48;
  --pn-fade-g-dk: 50;
  --pn-fade-b-dk: 52;
  --blockquote-bg-dk: #303234;
  --img-bd-invert: #cfcdcb;
}
/**
 * 表格文字色
 * @param colorLight 在 Light Mode 的颜色
 * @param colorDark 在 Dark Mode 的颜色
 */
:root {
  --tbl-bd-lg: #B0B2B4;
  --tbl-tr-hv-lg: rgba(90, 189, 60, 0.2);
  --tbl-h-bd-lg: #96989b;
  --tbl-th-bg-lg: rgba(176, 178, 180, 0.4);
  --tbl-td-bg-lg: rgba(176, 178, 180, 0.2);
  --tbl-cell-bd-lg: rgba(176, 178, 180, 0.3);
  --tbl-bd-dk: #707274;
  --tbl-tr-hv-dk: rgba(90, 189, 60, 0.25);
  --tbl-h-bd-dk: #898b8e;
  --tbl-th-bg-dk: rgba(112, 114, 116, 0.4);
  --tbl-td-bg-dk: rgba(112, 114, 116, 0.2);
  --tbl-cell-bd-dk: rgba(112, 114, 116, 0.3);
}
:root {
  --ac-gd-fade-bd-lg: rgba(216, 184, 176, 0.5);
  --ac-pk-fade-bd-lg: rgba(248, 168, 208, 0.5);
  --ac-ye-fade-bd-lg: rgba(253, 192, 0, 0.5);
  --ac-lm-fade-bd-lg: rgba(168, 200, 24, 0.5);
  --ac-aq-fade-bd-lg: rgba(48, 219, 212, 0.5);
  --ac-la-fade-bd-lg: rgba(164, 160, 236, 0.5);
  --ac-bn-fade-bd-lg: rgba(144, 96, 64, 0.3);
  --ac-ro-fade-bd-lg: rgba(228, 64, 208, 0.3);
  --ac-rd-fade-bd-lg: rgba(192, 16, 16, 0.3);
  --ac-og-fade-bd-lg: rgba(248, 114, 16, 0.5);
  --ac-gn-fade-bd-lg: rgba(16, 160, 48, 0.3);
  --ac-cy-fade-bd-lg: rgba(16, 160, 168, 0.3);
  --ac-bu-fade-bd-lg: rgba(16, 144, 240, 0.3);
  --ac-vn-fade-bd-lg: rgba(92, 88, 216, 0.3);
  --ac-gy-fade-bd-lg: rgba(136, 139, 143, 0.3);
  --ac-pu-fade-bd-lg: rgba(136, 32, 176, 0.2);
  --ac-wn-fade-bd-lg: rgba(144, 16, 80, 0.2);
  --ac-ol-fade-bd-lg: rgba(96, 112, 16, 0.2);
  --ac-mn-fade-bd-lg: rgba(16, 108, 92, 0.2);
  --ac-se-fade-bd-lg: rgba(16, 64, 192, 0.2);
  --ac-bk-fade-bd-lg: rgba(48, 52, 56, 0.2);
  --ac-t1-fade-bd-lg: rgba(11, 114, 217, 0.2);
  --ac-t2-fade-bd-lg: rgba(90, 189, 60, 0.2);
  --ac-gd-fade-bd-dk: rgba(216, 184, 176, 0.2);
  --ac-pk-fade-bd-dk: rgba(248, 168, 208, 0.2);
  --ac-ye-fade-bd-dk: rgba(253, 192, 0, 0.2);
  --ac-lm-fade-bd-dk: rgba(168, 200, 24, 0.2);
  --ac-aq-fade-bd-dk: rgba(48, 219, 212, 0.2);
  --ac-la-fade-bd-dk: rgba(164, 160, 236, 0.2);
  --ac-bn-fade-bd-dk: rgba(144, 96, 64, 0.5);
  --ac-ro-fade-bd-dk: rgba(228, 64, 208, 0.5);
  --ac-rd-fade-bd-dk: rgba(192, 16, 16, 0.5);
  --ac-og-fade-bd-dk: rgba(248, 114, 16, 0.2);
  --ac-gn-fade-bd-dk: rgba(16, 160, 48, 0.5);
  --ac-cy-fade-bd-dk: rgba(16, 160, 168, 0.5);
  --ac-bu-fade-bd-dk: rgba(16, 144, 240, 0.5);
  --ac-vn-fade-bd-dk: rgba(92, 88, 216, 0.5);
  --ac-gy-fade-bd-dk: rgba(136, 139, 143, 0.5);
  --ac-pu-fade-bd-dk: rgba(136, 32, 176, 0.7);
  --ac-wn-fade-bd-dk: rgba(144, 16, 80, 0.7);
  --ac-ol-fade-bd-dk: rgba(96, 112, 16, 0.7);
  --ac-mn-fade-bd-dk: rgba(16, 108, 92, 0.7);
  --ac-se-fade-bd-dk: rgba(16, 64, 192, 0.7);
  --ac-bk-fade-bd-dk: rgba(48, 52, 56, 0.7);
  --ac-t1-fade-bd-dk: rgba(11, 114, 217, 0.2);
  --ac-t2-fade-bd-dk: rgba(90, 189, 60, 0.2);
  --ac-gd-fade-bd: var(--ac-gd-fade-bd-lg);
  --ac-pk-fade-bd: var(--ac-pk-fade-bd-lg);
  --ac-ye-fade-bd: var(--ac-ye-fade-bd-lg);
  --ac-lm-fade-bd: var(--ac-lm-fade-bd-lg);
  --ac-aq-fade-bd: var(--ac-aq-fade-bd-lg);
  --ac-la-fade-bd: var(--ac-la-fade-bd-lg);
  --ac-bn-fade-bd: var(--ac-bn-fade-bd-lg);
  --ac-ro-fade-bd: var(--ac-ro-fade-bd-lg);
  --ac-rd-fade-bd: var(--ac-rd-fade-bd-lg);
  --ac-og-fade-bd: var(--ac-og-fade-bd-lg);
  --ac-gn-fade-bd: var(--ac-gn-fade-bd-lg);
  --ac-cy-fade-bd: var(--ac-cy-fade-bd-lg);
  --ac-bu-fade-bd: var(--ac-bu-fade-bd-lg);
  --ac-vn-fade-bd: var(--ac-vn-fade-bd-lg);
  --ac-gy-fade-bd: var(--ac-gy-fade-bd-lg);
  --ac-pu-fade-bd: var(--ac-pu-fade-bd-lg);
  --ac-wn-fade-bd: var(--ac-wn-fade-bd-lg);
  --ac-ol-fade-bd: var(--ac-ol-fade-bd-lg);
  --ac-mn-fade-bd: var(--ac-mn-fade-bd-lg);
  --ac-se-fade-bd: var(--ac-se-fade-bd-lg);
  --ac-bk-fade-bd: var(--ac-bk-fade-bd-lg);
  --ac-t1-fade-bd: var(--ac-t1-fade-bd-lg);
  --ac-t2-fade-bd: var(--ac-t2-fade-bd-lg);
}
:root {
  --v-invert-dark-lg: invert(0) brightness(100%);
  --v-brightness-dark-lg: brightness(100%);
  --v-selection-color-lg: rgba(136, 136, 136, 0.3);
  --a-color-lg: #0B72D9;
  --mark-bg-lg: var(--ac-t1-fade-lg);
  --tbl-row-g-alpha-lg: 0.15;
  --h-f-lg: #0B72D9;
  --h-box-shadow-lg: rgba(11, 114, 217, 0.2);
  --h-bg-start-lg: rgba(11, 114, 217, 0);
  --h-bg-end-lg: rgba(11, 114, 217, 0.1);
  --code-bg-lg: var(--d-bc-lg);
  --code-t-lg: #5ABD3C;
  --std-code-shadow-lg: var(--pn-c-a-lg);
  --rb-code-shadow-lg: rgba(0, 0, 0, 0.3);
  --v-fl-sd-lg: 0 4px 16px rgba(0, 0, 0, 0.3);
  --v-fl-i-sd-lg: 0 0 0 1px rgba(0, 0, 0, 0.2) inset;
  --c-blk-bg-lg: none;
  --fig-solid-bg-lg: #FFFFFF;
  --v-fig-grid-l-lg: url("");
  --v-fig-grid-b-lg: url("");
  --v-fig-grid-l-invert-lg: var(--v-fig-grid-l-lg);
  --v-fig-grid-b-invert-lg: var(--v-fig-grid-b-lg);
  --v-i-sys-menu: url("");
  --key-bg-lg: #484A4C;
  --key-reflect-lg: #7a7d80;
  --key-shadow-lg: #000000;
  --doc-shadow-lg: rgba(0, 0, 0, 0.2);
  --ac-rd-lg: #C01010;
  --ac-rd-a-lg: #FCD9D9;
  --ac-rd-fade-lg: rgba(192, 16, 16, 0.2);
  --ac-rd-title-lg: var(--ac-rd);
  --ac-og-lg: #F87210;
  --ac-og-a-lg: #FEE8D7;
  --ac-og-fade-lg: rgba(248, 114, 16, 0.2);
  --ac-og-title-lg: var(--ac-og);
  --ac-ye-lg: #FDC000;
  --ac-ye-a-lg: #FFF1C7;
  --ac-ye-fade-lg: rgba(253, 192, 0, 0.2);
  --ac-ye-title-lg: #e4ad00;
  --ac-lm-lg: #A8C818;
  --ac-lm-a-lg: #F0F8C8;
  --ac-lm-fade-lg: rgba(168, 200, 24, 0.2);
  --ac-lm-title-lg: #95b115;
  --ac-gn-lg: #10A030;
  --ac-gn-a-lg: #D5FBDE;
  --ac-gn-fade-lg: rgba(16, 160, 48, 0.2);
  --ac-gn-title-lg: var(--ac-gn);
  --ac-aq-lg: #30DBD4;
  --ac-aq-a-lg: #D4F7F6;
  --ac-aq-fade-lg: rgba(48, 219, 212, 0.2);
  --ac-aq-title-lg: #24cec7;
  --ac-mn-lg: #106C5C;
  --ac-mn-a-lg: #DCF9F7;
  --ac-mn-fade-lg: rgba(16, 108, 92, 0.2);
  --ac-mn-title-lg: #0d5649;
  --ac-ol-lg: #607010;
  --ac-ol-a-lg: #F0F7C9;
  --ac-ol-fade-lg: rgba(96, 112, 16, 0.2);
  --ac-ol-title-lg: var(--ac-ol);
  --ac-wn-lg: #901050;
  --ac-wn-a-lg: #FAD6E8;
  --ac-wn-fade-lg: rgba(144, 16, 80, 0.2);
  --ac-wn-title-lg: var(--ac-wn);
  --ac-cy-lg: #10A0A8;
  --ac-cy-a-lg: #D0F8FB;
  --ac-cy-fade-lg: rgba(16, 160, 168, 0.2);
  --ac-cy-title-lg: var(--ac-cy);
  --ac-bu-lg: #1090F0;
  --ac-bu-a-lg: #D4EAFC;
  --ac-bu-fade-lg: rgba(16, 144, 240, 0.2);
  --ac-bu-title-lg: var(--ac-bu);
  --ac-se-lg: #1040C0;
  --ac-se-a-lg: #D9E2FC;
  --ac-se-fade-lg: rgba(16, 64, 192, 0.2);
  --ac-se-title-lg: var(--ac-se);
  --ac-la-lg: #A4A0EC;
  --ac-la-a-lg: #E7E5FA;
  --ac-la-fade-lg: rgba(164, 160, 236, 0.2);
  --ac-la-title-lg: #908be8;
  --ac-vn-lg: #5C58D8;
  --ac-vn-a-lg: #DFDEF7;
  --ac-vn-fade-lg: rgba(92, 88, 216, 0.2);
  --ac-vn-title-lg: var(--ac-vn);
  --ac-pu-lg: #8820B0;
  --ac-pu-a-lg: #F1DCF9;
  --ac-pu-fade-lg: rgba(136, 32, 176, 0.2);
  --ac-pu-title-lg: var(--ac-pu);
  --ac-ro-lg: #E440D0;
  --ac-ro-a-lg: #FADBF6;
  --ac-ro-fade-lg: rgba(228, 64, 208, 0.2);
  --ac-ro-title-lg: var(--ac-ro);
  --ac-pk-lg: #F8A8D0;
  --ac-pk-a-lg: #FDE7F2;
  --ac-pk-fade-lg: rgba(248, 168, 208, 0.2);
  --ac-pk-title-lg: #f690c3;
  --ac-gd-lg: #D8B8B0;
  --ac-gd-a-lg: #F3EAE7;
  --ac-gd-fade-lg: rgba(216, 184, 176, 0.2);
  --ac-gd-title-lg: #d0a99f;
  --ac-bn-lg: #906040;
  --ac-bn-a-lg: #ECDED5;
  --ac-bn-fade-lg: rgba(144, 96, 64, 0.2);
  --ac-bn-title-lg: var(--ac-bn);
  --ac-gy-lg: #888B8F;
  --ac-gy-a-lg: #E7E8E9;
  --ac-gy-fade-lg: rgba(136, 139, 143, 0.2);
  --ac-gy-title-lg: #7b7e83;
  --ac-bk-lg: #303438;
  --ac-bk-a-lg: #CCD1D6;
  --ac-bk-fade-lg: rgba(48, 52, 56, 0.2);
  --ac-bk-title-lg: var(--ac-bk);
  --ac-t1-lg: #0B72D9;
  --ac-t1-a-lg: #D8EBFD;
  --ac-t1-fade-lg: rgba(11, 114, 217, 0.2);
  --ac-t1-title-lg: var(--ac-t1);
  --ac-t2-lg: #5ABD3C;
  --ac-t2-a-lg: #E5F5E0;
  --ac-t2-fade-lg: rgba(90, 189, 60, 0.2);
  --ac-t2-title-lg: var(--ac-t2);
  --v-invert-dark-dk: invert(1) brightness(90%);
  --v-brightness-dark-dk: brightness(90%);
  --v-selection-color-dk: rgba(136, 136, 136, 0.5);
  --a-color-dk: #0C7FF3;
  --mark-bg-dk: var(--ac-t1-fade-lg);
  --tbl-row-g-alpha-dk: 0.25;
  --h-f-dk: #0C7FF3;
  --h-box-shadow-dk: rgba(12, 127, 243, 0.2);
  --h-bg-start-dk: rgba(12, 127, 243, 0);
  --h-bg-end-dk: rgba(12, 127, 243, 0.15);
  --code-bg-dk: var(--d-bc-dk);
  --code-t-dk: #5ABD3C;
  --std-code-shadow-dk: var(--pn-c-a-dk);
  --rb-code-shadow-dk: rgba(255, 255, 255, 0.3);
  --v-fl-sd-dk: 0 4px 16px rgba(0, 0, 0, 0.6);
  --v-fl-i-sd-dk: 0 0 0 1px rgba(0, 0, 0, 0.5) inset;
  --c-blk-bg-dk: none;
  --fig-solid-bg-dk: #000000;
  --v-fig-grid-l-dk: url("");
  --v-fig-grid-b-dk: url("");
  --v-fig-grid-l-invert-dk: url("");
  --v-fig-grid-b-invert-dk: url("");
  --key-bg-dk: #D8DADC;
  --key-reflect-dk: #ffffff;
  --key-shadow-dk: #a2a7ac;
  --doc-shadow-dk: rgba(0, 0, 0, 0.8);
  --ac-rd-dk: #D91212;
  --ac-rd-a-dk: #3D0505;
  --ac-rd-fade-dk: rgba(217, 18, 18, 0.2);
  --ac-rd-title-dk: var(--d-fc-dk);
  --ac-ye-dk: #E6AE00;
  --ac-ye-a-dk: #4D3A00;
  --ac-ye-fade-dk: rgba(230, 174, 0, 0.2);
  --ac-ye-title-dk: var(--d-fc-dk);
  --ac-og-dk: #F8791B;
  --ac-og-a-dk: #451F02;
  --ac-og-fade-dk: rgba(248, 121, 27, 0.2);
  --ac-og-title-dk: var(--d-fc-dk);
  --ac-lm-dk: #99B616;
  --ac-lm-a-dk: #364008;
  --ac-lm-fade-dk: rgba(153, 182, 22, 0.2);
  --ac-lm-title-dk: var(--d-fc-dk);
  --ac-gn-dk: #20A040;
  --ac-gn-a-dk: #0B3716;
  --ac-gn-fade-dk: rgba(32, 160, 64, 0.2);
  --ac-gn-title-dk: var(--d-fc-dk);
  --ac-mn-dk: #147B71;
  --ac-mn-a-dk: #062320;
  --ac-mn-fade-dk: rgba(20, 123, 113, 0.2);
  --ac-mn-title-dk: var(--d-fc-dk);
  --ac-ol-dk: #738613;
  --ac-ol-a-dk: #262D06;
  --ac-ol-fade-dk: rgba(115, 134, 19, 0.2);
  --ac-ol-title-dk: var(--d-fc-dk);
  --ac-wn-dk: #9C1157;
  --ac-wn-a-dk: #2E051A;
  --ac-wn-fade-dk: rgba(156, 17, 87, 0.2);
  --ac-wn-title-dk: var(--d-fc-dk);
  --ac-aq-dk: #26D9D2;
  --ac-aq-a-dk: #0C4543;
  --ac-aq-fade-dk: rgba(38, 217, 210, 0.2);
  --ac-aq-title-dk: var(--d-fc-dk);
  --ac-cy-dk: #11A9B1;
  --ac-cy-a-dk: #063A3C;
  --ac-cy-fade-dk: rgba(17, 169, 177, 0.2);
  --ac-cy-title-dk: var(--d-fc-dk);
  --ac-bu-dk: #40A0F2;
  --ac-bu-a-dk: #063660;
  --ac-bu-fade-dk: rgba(64, 160, 242, 0.2);
  --ac-bu-title-dk: var(--d-fc-dk);
  --ac-se-dk: #1248D9;
  --ac-se-a-dk: #061B56;
  --ac-se-fade-dk: rgba(18, 72, 217, 0.2);
  --ac-se-title-dk: var(--d-fc-dk);
  --ac-la-dk: #8D88E7;
  --ac-la-a-dk: #211B88;
  --ac-la-fade-dk: rgba(141, 136, 231, 0.2);
  --ac-la-title-dk: var(--d-fc-dk);
  --ac-vn-dk: #625ED9;
  --ac-vn-a-dk: #1B1867;
  --ac-vn-fade-dk: rgba(98, 94, 217, 0.2);
  --ac-vn-title-dk: var(--d-fc-dk);
  --ac-pu-dk: #A026CF;
  --ac-pu-a-dk: #320C41;
  --ac-pu-fade-dk: rgba(160, 38, 207, 0.2);
  --ac-pu-title-dk: var(--d-fc-dk);
  --ac-ro-dk: #E548D2;
  --ac-ro-a-dk: #470A40;
  --ac-ro-fade-dk: rgba(229, 72, 210, 0.2);
  --ac-ro-title-dk: var(--d-fc-dk);
  --ac-pk-dk: #F689BF;
  --ac-pk-a-dk: #4B0629;
  --ac-pk-fade-dk: rgba(246, 137, 191, 0.2);
  --ac-pk-title-dk: var(--d-fc-dk);
  --ac-gd-dk: #CCA399;
  --ac-gd-a-dk: #4B2D25;
  --ac-gd-fade-dk: rgba(204, 163, 153, 0.2);
  --ac-gd-title-dk: var(--d-fc-dk);
  --ac-bn-dk: #986543;
  --ac-bn-a-dk: #352317;
  --ac-bn-fade-dk: rgba(152, 101, 67, 0.2);
  --ac-bn-title-dk: var(--d-fc-dk);
  --ac-gy-dk: #83878B;
  --ac-gy-a-dk: #313435;
  --ac-gy-fade-dk: rgba(131, 135, 139, 0.2);
  --ac-gy-title-dk: var(--d-fc-dk);
  --ac-bk-dk: #E9EAEB;
  --ac-bk-a-dk: #464E54;
  --ac-bk-fade-dk: rgba(233, 234, 235, 0.2);
  --ac-bk-title-dk: var(--d-fc-dk);
  --ac-t1-dk: #0C7FF3;
  --ac-t1-a-dk: #053361;
  --ac-t1-fade-dk: rgba(11, 114, 217, 0.2);
  --ac-t1-title-dk: var(--d-fc-dk);
  --ac-t2-dk: #5ABD3C;
  --ac-t2-a-dk: #1D3E14;
  --ac-t2-fade-dk: rgba(90, 189, 60, 0.2);
  --ac-t2-title-dk: var(--d-fc-dk);
  --v-invert-dark: var(--v-invert-dark-lg);
  --v-brightness-dark: var(--v-brightness-dark-lg);
  --v-selection-color: var(--v-selection-color-lg);
  --d-bc: var(--d-bc-lg);
  --fade-r: var(--fade-r-lg);
  --fade-g: var(--fade-g-lg);
  --fade-b: var(--fade-b-lg);
  --d-bi: var(--d-bi-lg);
  --d-fc: var(--d-fc-lg);
  --d-fc-a: var(--d-fc-a-lg);
  --pn-c: var(--pn-c-lg);
  --pn-c-a: var(--pn-c-a-lg);
  --pn-fade-r: var(--pn-fade-r-lg);
  --pn-fade-g: var(--pn-fade-g-lg);
  --pn-fade-b: var(--pn-fade-b-lg);
  --blockquote-bg: var(--blockquote-bg-lg);
  --a-color: var(--a-color-lg);
  --mark-bg: var(--ac-t1-fade-lg);
  --tbl-bd: var(--tbl-bd-lg);
  --tbl-tr-hv: var(--tbl-tr-hv-lg);
  --tbl-h-bd: var(--tbl-h-bd-lg);
  --tbl-th-bg: var(--tbl-th-bg-lg);
  --tbl-td-bg: var(--tbl-td-bg-lg);
  --tbl-cell-bd: var(--tbl-cell-bd-lg);
  --tbl-row-g-alpha: var(--tbl-row-g-alpha-lg);
  --toc-h-num-color: var(--toc-h-num-color-lg);
  --h-f: var(--h-f-lg);
  --h-box-shadow: var(--h-box-shadow-lg);
  --h-bg-start: var(--h-bg-start-lg);
  --h-bg-end: var(--h-bg-end-lg);
  --code-bg: var(--code-bg-lg);
  --code-t: var(--code-t-lg);
  --std-code-shadow: var(--std-code-shadow-lg);
  --rb-code-shadow: var(--rb-code-shadow-lg);
  --v-fl-sd: var(--v-fl-sd-lg);
  --v-fl-i-sd: var(--v-fl-i-sd-lg);
  --c-blk-bg: var(--c-blk-bg-lg);
  --fig-solid-bg: var(--fig-solid-bg-lg);
  --v-fig-grid-l: var(--v-fig-grid-l-lg);
  --v-fig-grid-b: var(--v-fig-grid-b-lg);
  --v-fig-grid-l-invert: var(--v-fig-grid-l-invert-lg);
  --v-fig-grid-b-invert: var(--v-fig-grid-b-invert-lg);
  --key-bg: var(--key-bg-lg);
  --key-reflect: var(--key-reflect-lg);
  --key-shadow: var(--key-shadow-lg);
  --doc-shadow: var(--doc-shadow-lg);
  --ac-rd: var(--ac-rd-lg);
  --ac-rd-a: var(--ac-rd-a-lg);
  --ac-rd-fade: var(--ac-rd-fade-lg);
  --ac-rd-title: var(--ac-rd-title-lg);
  --ac-og: var(--ac-og-lg);
  --ac-og-a: var(--ac-og-a-lg);
  --ac-og-fade: var(--ac-og-fade-lg);
  --ac-og-title: var(--ac-og-title-lg);
  --ac-ye: var(--ac-ye-lg);
  --ac-ye-a: var(--ac-ye-a-lg);
  --ac-ye-fade: var(--ac-ye-fade-lg);
  --ac-ye-title: var(--ac-ye-title-lg);
  --ac-lm: var(--ac-lm-lg);
  --ac-lm-a: var(--ac-lm-a-lg);
  --ac-lm-fade: var(--ac-lm-fade-lg);
  --ac-lm-title: var(--ac-lm-title-lg);
  --ac-gn: var(--ac-gn-lg);
  --ac-gn-a: var(--ac-gn-a-lg);
  --ac-gn-fade: var(--ac-gn-fade-lg);
  --ac-gn-title: var(--ac-gn-title-lg);
  --ac-mn: var(--ac-mn-lg);
  --ac-mn-a: var(--ac-mn-a-lg);
  --ac-mn-fade: var(--ac-mn-fade-lg);
  --ac-mn-title: var(--ac-mn-title-lg);
  --ac-ol: var(--ac-ol-lg);
  --ac-ol-a: var(--ac-ol-a-lg);
  --ac-ol-fade: var(--ac-ol-fade-lg);
  --ac-ol-title: var(--ac-ol-title-lg);
  --ac-wn: var(--ac-wn-lg);
  --ac-wn-a: var(--ac-wn-a-lg);
  --ac-wn-fade: var(--ac-wn-fade-lg);
  --ac-wn-title: var(--ac-wn-title-lg);
  --ac-aq: var(--ac-aq-lg);
  --ac-aq-a: var(--ac-aq-a-lg);
  --ac-aq-fade: var(--ac-aq-fade-lg);
  --ac-aq-title: var(--ac-aq-title-lg);
  --ac-cy: var(--ac-cy-lg);
  --ac-cy-a: var(--ac-cy-a-lg);
  --ac-cy-fade: var(--ac-cy-fade-lg);
  --ac-cy-title: var(--ac-cy-title-lg);
  --ac-bu: var(--ac-bu-lg);
  --ac-bu-a: var(--ac-bu-a-lg);
  --ac-bu-fade: var(--ac-bu-fade-lg);
  --ac-bu-title: var(--ac-bu-title-lg);
  --ac-se: var(--ac-se-lg);
  --ac-se-a: var(--ac-se-a-lg);
  --ac-se-fade: var(--ac-se-fade-lg);
  --ac-se-title: var(--ac-se-title-lg);
  --ac-la: var(--ac-la-lg);
  --ac-la-a: var(--ac-la-a-lg);
  --ac-la-fade: var(--ac-la-fade-lg);
  --ac-la-title: var(--ac-la-title-lg);
  --ac-vn: var(--ac-vn-lg);
  --ac-vn-a: var(--ac-vn-a-lg);
  --ac-vn-fade: var(--ac-vn-fade-lg);
  --ac-vn-title: var(--ac-vn-title-lg);
  --ac-pu: var(--ac-pu-lg);
  --ac-pu-a: var(--ac-pu-a-lg);
  --ac-pu-fade: var(--ac-pu-fade-lg);
  --ac-pu-title: var(--ac-pu-title-lg);
  --ac-ro: var(--ac-ro-lg);
  --ac-ro-a: var(--ac-ro-a-lg);
  --ac-ro-fade: var(--ac-ro-fade-lg);
  --ac-ro-title: var(--ac-ro-title-lg);
  --ac-pk: var(--ac-pk-lg);
  --ac-pk-a: var(--ac-pk-a-lg);
  --ac-pk-fade: var(--ac-pk-fade-lg);
  --ac-pk-title: var(--ac-pk-title-lg);
  --ac-gd: var(--ac-gd-lg);
  --ac-gd-a: var(--ac-gd-a-lg);
  --ac-gd-fade: var(--ac-gd-fade-lg);
  --ac-gd-title: var(--ac-gd-title-lg);
  --ac-bn: var(--ac-bn-lg);
  --ac-bn-a: var(--ac-bn-a-lg);
  --ac-bn-fade: var(--ac-bn-fade-lg);
  --ac-bn-title: var(--ac-bn-title-lg);
  --ac-gy: var(--ac-gy-lg);
  --ac-gy-a: var(--ac-gy-a-lg);
  --ac-gy-fade: var(--ac-gy-fade-lg);
  --ac-gy-title: var(--ac-gy-title-lg);
  --ac-bk: var(--ac-bk-lg);
  --ac-bk-a: var(--ac-bk-a-lg);
  --ac-bk-fade: var(--ac-bk-fade-lg);
  --ac-bk-title: var(--ac-bk-title-lg);
  --ac-t1: var(--ac-t1-lg);
  --ac-t1-a: var(--ac-t1-a-lg);
  --ac-t1-fade: var(--ac-t1-fade-lg);
  --ac-t1-title: var(--ac-t1-title-lg);
  --ac-t2: var(--ac-t2-lg);
  --ac-t2-a: var(--ac-t2-a-lg);
  --ac-t2-fade: var(--ac-t2-fade-lg);
  --ac-t2-title: var(--ac-t2-title-lg);
}
/**************************************
 *
 * VLOOK CSS 多主题间的通用样式
 * (配合 base.less、主题.less 进行使用)
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
:root {
  --v-f-theme: serif;
  --v-f-fm-title: var(--v-f-fm-title-serif);
  --v-f-fm-subtitle: var(--v-f-fm-subtitle-serif);
  --v-f-fm-h: var(--v-f-fm-h-serif);
  --v-f-fm-text: var(--v-f-fm-text-serif);
  --v-f-fm-bd: var(--v-f-fm-bd-serif);
  --v-f-fm-key: var(--v-f-fm-key-serif);
  --v-f-fm-num: var(--v-f-fm-num-serif);
  --v-f-fm-tag: var(--v-f-fm-tag-serif);
  --v-f-fm-code: var(--v-f-fm-code-serif);
  --v-f-w-bd: var(--v-f-w-bd-serif);
  --v-f-w-title: var(--v-f-w-title-serif);
  --v-f-w-text: var(--v-f-w-text-serif);
}
:root {
  --v-r-b: 0px;
  --v-r-s: 0px;
  --v-r-t: 0px;
  --v-r-si: calc(var(--v-r-t) - 1px);
  --v-r-tag: 0px;
  --v-r-c: 0px;
}
:root {
  --d-bi-lg: url("");
  --d-bi-dk: url("");
}
:is(#write, body.typora-export) table {
  margin: 0 auto;
}
#write .md-image[data-src*="#card"] > img,
#write img[src*="#card"],
#write svg[data-inject-url*="#card"],
.md-diagram-panel-preview > svg {
  margin: 0 auto;
  display: block;
}
content > #write p:has([md-inline="em"]:only-child>em>[md-inline="highlight"]>mark),
content > #write p:has( > .md-image:not([data-src*="#icon"])),
content > #write p:has( > .md-link > a > .md-image:not([data-src*="#icon"])),
#write .md-fences-adv-panel,
.v-cap-cntr,
.v-caption.tbl > .v-cap-1 {
  text-align: center;
}
.v-cap-cntr.expander::before,
#write .v-post-card,
.ty-table-edit {
  left: 50%;
  transform: translateX(-50%);
}
:root {
  --thm-fav-logo-lg: url("");
  --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}
:root {
  --thm-c-logo: url("");
  --thm-c-header: url("");
  --thm-c-bottom: url("");
}
/**************************************
 *
 * VLOOK CSS 基础库
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
/**************************************
 自定义 UI 元素层叠次序

---------- 云顶 UI 区 ----------

预加载提示 / body.typora-export #write::before / z-index: 7000;

欢迎页 / .v-welcome-page / z-index: 6000;

底部信息栏 / .v-bottom-tips / z-index: 5001;
聚光灯 / .v-spotlight / z-index: 5000;

---------- 高优先信息 UI 区 -----

链接清单 / .v-link-info-list / z-index: 4500;
工具栏提示、弹窗提示、字体风格切换 / .v-tool-tips, .v-info-tips, .v-font-theme / z-index: 3000;
编辑时的表格编辑工具栏 / .ty-table-edit: 3000

---------- 二级 UI 区 ----------

插图导航 / .v-fig-nav / z-index: 2200;
脚注面板 / .v-footnote-pn / z-index: 2100;
导航中心收起/展开引导把手 / .v-toc-handle / z-index: 2000;
导航中心面板 / .v-nav-center / z-index: 2000;
    导航中心头部 / .v-nav-center-header / z-index: 10;
    导航中心脚部 / .v-nav-center-footer / z-index: 10;

---------- UI 间隔区 ----------

遮罩 / .v-mask / z-index: 1000;
画中画 / .v-pic-in-pic / z-index: 500;

---------- 增强工具操作区 ----------

Mermaid工具提示 / div.mermaidTooltip / z-index: 100;
工具栏 / .v-toolbar / z-index: 100;
状态栏 / .v-status-bar / z-index: 100;
逐章导航面板 / .v-chapter-nav / z-index: 100;
文档更多内容遮挡阴影 / .v-more-doc-content-before, .v-more-doc-content-after / z-index: 99;

---------- 文档内容交互区 ----------

在新标签中打开按钮 / .v-btn-open-in-new-tab / z-index: 50;
内容辅助操作栏 / .v-content-assist-bar / z-index: 50;
内容展开操作区 / .v-content-expander / .v-cap-cntr.expander::before / z-index: 10;

---------- 导航中心 ----------

导航中心内文档抽屉入口 .v-doc-lib-board / z-index: 20;
导航中心内的分段控制按钮 .v-segment-indicator / z-index: 10
导航中心内的当前分段选择指示器 .v-segment-indicator / z-index: 0

**************************************/
:root {
  --v-ws-delay: 3;
  --v-summary-w: 24px;
  --v-ex-limit: 300px;
  --v-theme-name: "vlook-hope";
  --v-theme-version: "V23.0";
  --v-color-scheme: light;
  --v-nav-center-w: 340px;
  --v-nav-center-hidden-l: -350px;
  --v-tb-btn-w: 44px;
  --v-tb-btn-s: 5px;
  --v-top-margin: 8px;
  --v-seg-h: 26px;
  --v-trans-dur: 200ms;
  --v-trans-value: all var(--v-trans-dur) ease-out;
  --tbl-cell-padding: 8px;
  --v-btn-bg: #0B72D9;
  --v-btn-f: #FFFFFF;
  --v-chp-auto-num: on;
  --cur-pointer-lg: url(""), auto;
  --cur-copy-normal-lg: url(""), auto;
  --cur-copy-as-md-lg: url(""), auto;
  --cur-pointer-text-lg: url(""), auto;
  --cur-laser-lg: url("") 12 12, auto;
  --cur-md-lg: url(""), auto;
  --cur-doclib-lg: url(""), auto;
  --cur-http-lg: url(""), auto;
  --cur-https-lg: url(""), auto;
  --cur-email-lg: url(""), auto;
  --cur-docment-lg: url(""), auto;
  --cur-archive-lg: url(""), auto;
  --cur-risk-lg: url(""), auto;
  --cur-inner-lg: url(""), auto;
  --cur-pointer-dk: url(""), auto;
  --cur-copy-normal-dk: url(""), auto;
  --cur-copy-as-md-dk: url(""), auto;
  --cur-pointer-text-dk: url(""), auto;
  --cur-laser-dk: url("") 12 12, auto;
  --cur-md-dk: url(""), auto;
  --cur-doclib-dk: url(""), auto;
  --cur-http-dk: url(""), auto;
  --cur-https-dk: url(""), auto;
  --cur-email-dk: url(""), auto;
  --cur-docment-dk: url(""), auto;
  --cur-archive-dk: url(""), auto;
  --cur-risk-dk: url(""), auto;
  --cur-inner-dk: url(""), auto;
  --cur-pointer: var(--cur-pointer-lg);
  --cur-copy-normal: var(--cur-copy-normal-lg);
  --cur-copy-as-md: var(--cur-copy-as-md-lg);
  --cur-copy: var(--cur-copy-normal);
  --cur-pointer-text: var(--cur-pointer-text-lg);
  --cur-laser: var(--cur-laser-lg);
  --cur-md: var(--cur-md-lg);
  --cur-doclib: var(--cur-doclib-lg);
  --cur-http: var(--cur-http-lg);
  --cur-https: var(--cur-https-lg);
  --cur-email: var(--cur-email-lg);
  --cur-docment: var(--cur-docment-lg);
  --cur-archive: var(--cur-archive-lg);
  --cur-risk: var(--cur-risk-lg);
  --cur-inner: var(--cur-inner-lg);
  --v-input-focus-shadow: 0 0 0 3px rgba(11, 114, 217, 0.35);
  --v-input-focus-inn-shadow: 0 0 0 1px var(--a-color) inset;
  --v-input-focus-border: var(--a-color);
}
/**************************************
 *
 * VLOOK CSS - Typora 编辑时内置样式
 * (配合 base.less 进行使用)
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
:root {
  --cm-keyword-lg: #770088;
  --cm-variable-lg: var(--d-fc-lg);
  --cm-variable-2-lg: #0055AA;
  --cm-variable-3-lg: #008855;
  --cm-tag-lg: #9ab696;
  --cm-attribute-lg: #0000CC;
  --cm-string-lg: #AA1111;
  --cm-string-2-lg: #FF5500;
  --cm-comment-lg: #AA5500;
  --cm-header-lg: #0000FF;
  --cm-quote-lg: #009900;
  --cm-hr-lg: #999999;
  --cm-link-lg: #0000CC;
  --cm-negative-lg: #DD4444;
  --cm-positive-lg: #229922;
  --cm-meta-lg: #555555;
  --cm-bulidin-lg: #3300AA;
  --cm-bracket-lg: #999977;
  --cm-atom-lg: #221199;
  --cm-number-lg: #116644;
  --cm-keyword-dk: #C88FD0;
  --cm-variable-dk: var(--d-fc-dk);
  --cm-variable-2-dk: #9FBAD5;
  --cm-variable-3-dk: #1CC685;
  --cm-tag-dk: #7DF46A;
  --cm-attribute-dk: #7575E4;
  --cm-string-dk: #D26B6B;
  --cm-string-2-dk: #FF5500;
  --cm-comment-dk: #DA924A;
  --cm-header-dk: #8D8DF0;
  --cm-quote-dk: #57AC57;
  --cm-hr-dk: #D8D5D5;
  --cm-link-dk: #D3D3EF;
  --cm-negative-dk: #D95050;
  --cm-positive-dk: #50E650;
  --cm-meta-dk: #B7B3B3;
  --cm-bulidin-dk: #F3B3F8;
  --cm-bracket-dk: #999977;
  --cm-atom-dk: #84B6CB;
  --cm-number-dk: #64AB8F;
  --cm-keyword: var(--cm-keyword-lg);
  --cm-variable: var(--cm-variable-lg);
  --cm-variable-2: var(--cm-variable-2-lg);
  --cm-variable-3: var(--cm-variable-3-lg);
  --cm-tag: var(--cm-tag-lg);
  --cm-attribute: var(--cm-attribute-lg);
  --cm-CodeMirror-cursor: #5ABD3C;
  --cm-string: var(--cm-string-lg);
  --cm-string-2: var(--cm-string-2-lg);
  --cm-comment: var(--cm-comment-lg);
  --cm-header: var(--cm-header-lg);
  --cm-quote: var(--cm-quote-lg);
  --cm-hr: var(--cm-hr-lg);
  --cm-link: var(--cm-link-lg);
  --cm-negative: var(--cm-negative-lg);
  --cm-positive: var(--cm-positive-lg);
  --cm-meta: var(--cm-meta-lg);
  --cm-bulidin: var(--cm-bulidin-lg);
  --cm-bracket: var(--cm-bracket-lg);
  --cm-atom: var(--cm-atom-lg);
  --cm-number: var(--cm-number-lg);
  --bg-color: var(--d-bc-lg);
  --side-bar-bg-color: var(--d-bc-lg);
  --text-color: var(--d-fc-lg);
  --border-color: var(--tbl-bd);
  --select-text-bg-color: var(--v-selection-color);
  --search-select-bg-color: var(--v-selection-color);
  --control-text-color: var(--d-fc-lg);
  --control-text-hover-color: var(--d-fc-lg);
  --window-border: 1px solid var(--pn-c-lg);
  --active-file-bg-color: var(--d-bc-lg);
  --active-file-bder: var(--select-text-bg-color);
  --active-file-text-color: var(--d-fc-lg);
  --item-hover-bg-color: #5ABD3C;
  --item-hover-text-color: #FFFFFF;
  --primary-color: #0B72D9;
  --rawblock-edit-panel-bd: var(--pn-c);
}
::selection {
  background: var(--v-selection-color) !important;
  fill: var(--d-fc) !important;
}
.typora-export-sidebar {
  display: none !important;
}
.fa {
  font-family: FontAwesome, sans-serif !important;
}
.md-toc-inner {
  text-decoration: none;
  box-shadow: none;
}
.ty-icon,
.file-node-icon,
.outline-expander::before,
.ion-ios7-search-strong::before,
#md-notification::before,
.ion-chevron-left:before,
.ion-checkmark::before,
.fa-code:before,
#top-titlebar :is(.ty-menu-btn-area-sub1, .ty-menu-btn-area-sub2, .ty-menu-btn-area-sub3),
.fa-sort-desc:before,
.fa-sort-asc:before {
  color: var(--h-f);
}
.ion-folder:before {
  color: var(--d-fc-lg);
}
content > .auto-suggest-container li:hover {
  color: var(--item-hover-text-color);
}
#top-titlebar .ty-icon {
  color: var(--d-fc);
}
.megamenu-opened #top-titlebar .ty-icon {
  color: var(--d-fc-lg);
}
.ty-menu-btn-area > span {
  border-top-width: 2px;
}
.ty-sidebar-search-panel svg.icon {
  fill: var(--h-f);
}
.fa-folder::before,
.fa-caret-right::before {
  color: var(--d-fc-a);
}
.md-resize-table .ty-icon,
.md-align-gp .ty-icon {
  color: var(--a-color);
}
.ion-android-arrow-back:before {
  color: #FFFFFF;
}
.ty-table-edit {
  margin-top: -26px !important;
  background: #0B72D9;
  border-radius: var(--v-r-b) var(--v-r-b) 0 0;
  padding: 0 3px 2px 3px;
  width: auto !important;
  z-index: 3000;
}
.ty-table-edit .ty-icon {
  color: #FFFFFF;
  line-height: 1;
}
.md-resize-table-th .popover {
  width: max-content;
  padding-bottom: 10px !important;
}
.md-grid-board-wrap .popover-title {
  padding-top: 10px;
}
.ty-table-edit div {
  width: max-content;
  padding: 0 5px;
}
.md-grid-board {
  border-radius: 0 !important;
}
.md-grid-board a:hover,
.md-grid-board a.md-active {
  border-color: var(--ac-t1) !important;
  background: var(--ac-t1) !important;
  box-shadow: none !important;
}
.md-grid-board :is(tr, tr:hover)::before {
  content: "" !important;
}
.md-grid-board tr > :is(th, td),
.md-grid-board tr > :is(th, td):first-child {
  padding: 5px !important;
  background: var(--ac-t1) !important;
  box-shadow: none !important;
}
.md-resize-table {
  margin-right: 50px;
}
.md-delete-table {
  margin-left: 50px;
}
.md-notification-container {
  background: var(--d-bc) !important;
}
#md-notification::before {
  top: 16px;
}
#md-notification a {
  color: var(--a-color);
  text-decoration: none;
  font-weight: var(--v-f-w-bd);
}
#md-notification :is(a:hover, a.default-btn:hover) {
  color: #5ABD3C;
}
.btn,
.searchpanel-search-option-btn,
.outline-item,
.file-node-content,
.outline-label,
.outline-expander {
  cursor: var(--cur-pointer);
}
#md-notification .btn {
  border-radius: var(--v-r-s);
  margin-left: 5px;
  color: #FFFFFF !important;
  background: #0B72D9 !important;
}
#md-notification .btn:hover {
  color: #FFFFFF !important;
  background: #5ABD3C !important;
}
#md-notification .btn-default {
  font-weight: var(--v-f-w-title);
}
.md-comment {
  color: var(--d-fc-a);
  font-family: inherit;
}
body.os-windows :is(.megamenu-menu, .megamenu-menu-header-title-menu) {
  background: #0B72D9;
  color: #FFFFFF;
}
.megamenu-menu-header {
  border-bottom-color: #FFFFFF;
}
#megamenu-back-btn {
  border-color: #0B72D9;
}
.megamenu-menu-panel {
  color: var(--d-fc-a-lg);
}
.megamenu-menu-list li a {
  color: #FFFFFF;
}
.megamenu-menu-list li a.active {
  background: #6e9861 !important;
  color: #FFFFFF;
}
.megamenu-menu-list:not(.saved) li a:hover {
  background: #5ABD3C !important;
  color: #FFFFFF;
}
body:not([class]) :is(h1,h2,h3,h4,h5,h6) {
  color: var(--h-f);
}
.btn-group .btn + .btn {
  margin-left: 0;
}
.btn.active {
  border-color: var(--d-fc);
  background-color: var(--d-bc);
}
.btn.active > .ty-icon::before {
  color: var(--d-fc);
}
.btn,
.sidebar-footer-main-item-label {
  font-family: var(--v-f-fm-bd);
  background: none;
}
.btn,
.megamenu-content input {
  border-radius: var(--v-r-s);
  color: var(--d-fc);
}
.megamenu-section input {
  background: var(--d-bc-lg);
  color: var(--d-fc-lg);
}
.megamenu-content table {
  color: var(--d-fc-lg);
}
.megamenu-section :is(.long-btn, .btn) {
  border-radius: var(--v-r-s);
  color: var(--d-fc-lg);
}
.megamenu-section :is(.long-btn:hover, .btn:hover) {
  color: var(--d-fc-lg) !important;
  background: var(--blockquote-bg-lg);
}
.megamenu-menu-header:focus,
.megamenu-menu-header:hover,
.megamenu-menu-header:hover #megamenu-menu-header-title {
  color: #FFFFFF;
}
.btn-primary {
  color: #FFFFFF;
  background: #0B72D9;
  font-weight: var(--v-f-w-title);
}
.btn-primary:hover {
  background: #5ABD3C;
}
.btn-primary:active {
  background: #6e9861;
}
body.os-windows .active-tab-files #info-panel-tab-file .info-panel-tab-border,
body.os-windows .active-tab-outline #info-panel-tab-outline .info-panel-tab-border {
  background: #0B72D9;
  height: 2px;
}
.md-image-src-span,
.md-link .md-url {
  color: var(--d-fc-a);
  font-family: var(--monospace);
  font-weight: var(--v-f-w-text);
  text-decoration: none;
}
kbd .md-image-src-span,
kbd .md-link .md-url {
  color: var(--pn-c);
}
.md-image-btn {
  background: #0B72D9;
}
.md-image-btn:hover {
  background: #5ABD3C;
}
.md-image-input-src-btn {
  line-height: 1.5;
  height: 30px;
  background: var(--pn-c);
  box-shadow: 0 0 0 1px #0B72D9 inset;
  border-radius: var(--v-r-si) 0 0 var(--v-r-si);
}
.md-image-input-src-btn::before {
  color: var(--d-fc-a);
}
.md-image-input-src-btn.selected,
.md-image-input-src-btn:hover {
  background: none;
}
.md-image-pick-file-btn {
  line-height: 1.5;
  height: 30px;
  border-left-color: var(--d-bc);
  border-radius: 0 var(--v-r-si) var(--v-r-si) 0;
}
body.os-windows :is(.md-image-input-src-btn, .md-image-pick-file-btn) {
  line-height: 1.5;
}
.hide-br-and-line-break .md-expand .md-br-content,
.md-raw-inline {
  font-size: 0.75em;
  color: #0B72D9;
}
.md-html-inline .md-meta {
  font-size: 0.75em;
  font-weight: normal;
  opacity: 0.6 !important;
}
.md-html-inline kbd .md-meta {
  font-size: 1em;
  opacity: 1 !important;
}
.md-image {
  font-size: 1em;
}
.md-image > .md-meta {
  color: #5ABD3C;
}
kbd .md-image > .md-meta {
  color: #FFFFFF;
  font-weight: normal;
}
#write .md-focus a kbd:hover {
  background: var(--ac-t1) !important;
}
.md-focus-container::before {
  content: "✏️" !important;
  position: absolute;
  left: -15px !important;
}
#write h6 + figure table .md-focus-container::before {
  margin-right: 1.5em;
}
h6 + figure .md-focus-container::before {
  left: 10px;
}
p.md-focus::before {
  content: "✏️";
  position: absolute;
  left: -20px;
}
li.md-focus-container::before {
  content: "" !important;
  position: absolute;
}
li p.md-focus::before {
  left: -30px;
}
li.md-task-list-item p.md-focus::before {
  left: -50px;
}
:is(h3,h4,h5,h6).md-focus::before {
  border: none;
  position: inherit;
  left: inherit;
  float: none;
  top: initial;
  font-size: inherit;
  vertical-align: inherit;
  font-weight: inherit;
  line-height: inherit;
}
:is(h1,h2,h3,h4,h5,h6).md-focus::before {
  padding-left: 0;
  padding-right: 0;
}
body.os-windows :is(header, .ty-footer) {
  background: var(--d-bc) var(--d-bi);
}
body.os-windows :is(#top-titlebar,
.ty-footer,
#typora-sidebar,
#w-titlebar-left,
#w-traffic-lgs) {
  background: transparent;
}
body.os-windows .ty-footer {
  border-top-color: var(--d-bc);
}
#typora-sidebar {
  border-right: none;
}
.sidebar-tabs {
  border-bottom: none;
}
.sidebar-tab-btn {
  opacity: 0.4;
}
.sidebar-content {
  padding: 0 10px 10px 10px;
  background: none;
}
.sidebar-tab {
  line-height: 2rem !important;
  margin-top: auto !important;
}
.sidebar-tab.active {
  font-family: var(--v-f-fm-title);
  font-weight: var(--v-f-w-title);
}
body.os-windows .info-panel-tab-title {
  white-space: pre;
  padding: 2px 0;
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
}
.sidebar-tabs > .sidebar-tab.active,
body.os-windows .info-panel-tab-wrapper {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
}
.sidebar-osx-tab::before,
body.os-windows .info-panel-tab-wrapper::before {
  content: "VLOOK™ " "Hope" " / " "V23.0";
  text-transform: uppercase;
  white-space: pre;
  font-size: 0.75em;
  font-weight: var(--v-f-w-title);
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
  position: absolute;
  width: 100%;
  text-align: center;
}
#typora-sidebar #file-library:empty,
#typora-sidebar .outline-content:empty {
  opacity: 0.4;
  border: 2px dashed var(--d-fc-a);
  border-radius: var(--v-r-b);
  background: none;
}
.active-tab-files.use-file-tree-style .sidebar-content {
  bottom: 0;
}
#sidebar-content:hover #file-library {
  padding-bottom: 8px;
}
#typora-sidebar #file-library-tree {
  border-radius: var(--v-r-b);
  padding-top: 0;
  padding-left: 0;
}
#typora-sidebar #file-library-tree:not(:empty) {
  background: var(--pn-c);
}
#typora-sidebar #file-library-list {
  height: 100%;
}
#typora-sidebar :is(#file-library-tree, #file-library-list-children):empty {
  opacity: 0.4;
  border: 2px dashed var(--d-fc-a);
  border-radius: var(--v-r-b);
  background: none;
  height: 100%;
}
body.os-windows #file-library-tree {
  height: 100%;
}
#toc-dropmenu {
  border-radius: var(--v-r-b);
  box-shadow: var(--v-fl-sd), var(--v-fl-i-sd);
  top: 30px !important;
  right: 20px !important;
}
#toc-dropmenu > .outline-content {
  background: none;
}
.outline-title-wrapper {
  color: var(--h-f);
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
}
.outline-title {
  font-weight: var(--v-f-w-title);
  font-size: 1.25em;
}
.outline-title::after {
  content: " ･ VLOOK " "Hope";
  text-transform: uppercase;
}
#toc-dropmenu .divider {
  display: none;
}
.outline-content > li:first-child.outline-h6 > .outline-item,
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item {
  color: var(--a-color);
  font-size: 14px;
  height: 40px;
  padding-left: 20px !important;
}
.outline-content > li:first-child.outline-h6 > .outline-item .outline-label :is(sup, sub) {
  opacity: 1;
  color: inherit !important;
  font-size: 1em !important;
  display: contents !important;
}
.outline-content > li:first-child.outline-h6 > .outline-item code,
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item code {
  color: inherit;
  background: none;
  font-family: var(--v-f-fm-tag);
  font-size: 1em;
  font-weight: inherit;
  padding: 0;
  box-shadow: none;
  display: inline;
  white-space: inherit;
}
.outline-content > li:first-child.outline-h6 > .outline-item u,
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item u {
  text-decoration: none;
}
.outline-content > li:first-child.outline-h6 > .outline-item::before,
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item::before {
  content: "COVER";
  position: absolute;
  left: 20px;
  color: #5ABD3C;
  font-size: 0.75em;
  font-style: normal !important;
}
.outline-content > li:first-child.outline-h6 > .outline-item .outline-expander {
  height: 10px !important;
  display: block;
}
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item .outline-expander {
  height: 15px !important;
  display: block;
}
.outline-content > li:first-child.outline-h6 > .outline-item .outline-label,
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item .outline-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.outline-content > li:first-child.outline-h6 > .outline-item .outline-label::before,
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item .outline-label::before {
  counter-increment: h6toc;
  content: "";
  position: absolute;
  display: block;
  background-color: var(--d-fc-a);
  left: 5px;
  top: 5px;
  width: 6px;
  height: 30px;
  border-radius: calc(var(--v-r-s) - 4px);
  opacity: 0.25;
}
.outline-content > li:first-child.outline-h6 > .outline-item-active .outline-label::before,
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item-active .outline-label::before {
  background-color: var(--a-color);
  width: 10px;
}
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item::before {
  content: "BACK COVER";
}
.outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child .outline-label::before {
  content: "";
}
.no-collapse-outline .outline-label {
  padding: 3px 6px !important;
}
.no-collapse-outline .outline-content .outline-h6:first-child > .outline-item {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}
.no-collapse-outline .outline-content .outline-h6:first-child > .outline-item::before,
.no-collapse-outline .outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item::before {
  top: 6px !important;
}
.no-collapse-outline .outline-content > .outline-h6:first-child ~ .outline-h1.outline-item-signle:last-child > .outline-item::before {
  left: 6px !important;
  top: 8px !important;
}
.outline-content {
  font-family: var(--v-f-fm-title);
  background: var(--pn-c);
  border-radius: var(--v-r-b);
  padding: 10px;
}
.outline-item {
  line-height: 1;
  font-family: var(--v-f-fm-subtitle);
  font-weight: normal;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.pin-outline .outline-active,
.pin-outline .outline-active strong,
.pin-outline .outline-content .outline-active strong {
  font-weight: var(--v-f-w-title);
}
.outline-item-active {
  box-shadow: 0 0 0 2px rgba(11, 114, 217, 0.5) inset;
  border-radius: var(--v-r-s);
  margin-left: 0;
  border-left-width: 0;
  margin-right: 0;
  border-right-width: 0;
  font-weight: var(--v-f-w-title);
}
.outline-item:hover {
  background: var(--blockquote-bg);
  border-radius: var(--v-r-s);
  margin-left: 0;
  border-left-width: 0;
  margin-right: 0;
  border-right-width: 0;
}
.outline-item:active,
.outline-item:active .outline-label,
.outline-item:active .outline-label::before,
.outline-label:active,
.file-library-file-node:active,
.file-library-file-node:active span {
  color: var(--d-bc);
  background: var(--d-fc-a);
}
.outline-item:active,
.file-library-file-node:active {
  box-shadow: 0 0 0 2px rgba(11, 114, 217, 0.5);
}
.outline-item:active > .outline-expander::before,
.outline-item:active::before {
  color: var(--d-bc) !important;
}
.outline-label:hover {
  text-decoration: none;
}
#md-searchpanel svg.icon {
  fill: var(--d-fc);
}
#md-searchpanel .btn label {
  color: var(--d-fc);
}
#md-searchpanel input {
  border-radius: var(--v-r-s);
  border-color: var(--tbl-bd);
}
.searchpanel-search-option-btn {
  color: #FFFFFF;
}
.searchpanel-search-option-btn.active {
  background-color: #5ABD3C !important;
}
.searchpanel-search-option-btn.active svg.icon {
  fill: #FFFFFF !important;
}
#typora-quick-open {
  font-family: var(--v-f-fm-tag);
  background: var(--pn-c);
  border-radius: var(--v-r-b);
  box-shadow: var(--v-fl-sd), var(--v-fl-i-sd);
  border: none;
}
#typora-quick-open-input {
  padding: 5px;
  font-family: var(--v-f-fm-text);
}
#typora-quick-open-input input {
  border-radius: var(--v-r-s);
  max-height: 40px;
  border-color: var(--tbl-bd);
  font-size: 1.5em;
}
.ty-quick-open-category-title {
  color: var(--h-f);
}
.typora-quick-open-item {
  height: 40px;
  padding-left: 20px;
}
.typora-quick-open-item.active {
  border-radius: var(--v-r-s);
  background: var(--pn-c-a);
  color: var(--d-fc);
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 15px;
}
.typora-quick-open-item-path {
  font-size: 0.625em;
}
:root {
  --active-file-bder: var(--h-f);
  --primary-color: var(--h-f);
  --active-file-bg: var(--pn-c);
  --active-file-text-color: var(--d-fc);
  --text-color: var(--d-fc);
  --active-toggle-btn-color: #5ABD3C;
  --monospace: var(--v-f-fm-code);
}
.file-tree-node {
  font-family: var(--v-f-fm-bd);
}
.file-tree-node[data-has-sub=true] {
  font-weight: var(--v-f-w-title);
}
.file-tree-node[data-has-sub=false] {
  font-weight: normal;
}
.file-library-file-node {
  border-radius: var(--v-r-s);
}
.file-library-file-node:active {
  box-shadow: 0 0 0 2px rgba(11, 114, 217, 0.5);
}
.file-library-file-node.active {
  box-shadow: 0 0 0 2px rgba(11, 114, 217, 0.5) inset;
}
.file-library-node:not(.file-node-root):focus > .file-node-content {
  outline: 0;
}
body.os-windows .file-node-title {
  margin-top: 0;
}
.file-node-title-ext-part {
  color: var(--d-fc-a);
}
#typora-source .CodeMirror {
  font-family: var(--monospace);
}
#typora-source .CodeMirror-lines {
  margin: 0 10px;
  max-width: 100%;
}
#typora-source .CodeMirror pre {
  font-family: var(--v-f-fm-text);
}
#typora-source .CodeMirror-cursor {
  border-color: #5ABD3C;
}
#typora-source .cm-header {
  color: var(--h-f);
  font-family: var(--v-f-fm-title);
  font-weight: var(--v-f-w-title);
}
#typora-source .cm-link {
  color: #5ABD3C;
  font-family: var(--monospace);
  font-weight: normal;
  text-decoration: none;
}
#typora-source .cm-string + .cm-link,
#typora-source .cm-tag + .cm-link,
#typora-source .cm-overlay + .cm-link {
  color: var(--d-fc-a);
}
#typora-source .cm-tag {
  color: var(--a-color);
  font-family: var(--monospace);
}
#typora-source .cm-string {
  color: var(--d-fc-a);
  font-family: var(--monospace);
}
#typora-source pre.cm-atom {
  background: var(--blockquote-bg);
}
#typora-source .cm-atom,
#typora-source .cm-atom .cm-number {
  color: var(--d-fc);
}
#typora-source .cm-comment {
  font-size: 0.9em;
  font-family: var(--monospace);
  background: var(--code-bg);
  color: var(--code-t);
}
#typora-source .cm-strong {
  font-family: var(--v-f-fm-bd);
}
#typora-source .cm-del {
  color: var(--d-fc-a);
}
#typora-source pre.cm-table-row {
  font-family: var(--monospace);
}
#typora-source .CodeMirror-activeline-background {
  border-bottom: 2px dashed #5ABD3C;
}
#typora-source .cm-block-start.cm-variable-2 {
  color: var(--d-fc-a);
  font-family: var(--v-f-fm-num);
}
.error-message {
  color: #5ABD3C !important;
}
.md-meta {
  color: #5ABD3C;
}
.md-img-error > .md-meta {
  color: var(--ac-rd-lg) !important;
  font-style: italic;
  border: 2px dashed var(--ac-rd-lg);
  border-radius: var(--v-r-b);
  line-height: 1.5;
  padding: 1px;
  background-image: url("") !important;
  background-size: cover;
  width: 200px;
  height: 100px;
  display: inline-block !important;
}
.md-img-error:is([data-src*=".png"],
[data-src*=".jpg"],
[data-src*=".jpeg"],
[data-src*=".gif"],
[data-src*=".webp"]) > span > span {
  visibility: hidden;
}
.md-img-error[contenteditable="true"] > .md-meta {
  background-image: none !important;
  width: initial;
  height: initial;
  display: inline !important;
}
.md-img-error[contenteditable="true"] > span > span {
  visibility: visible !important;
}
:is(.md-img-error[data-src*=".mp3"], .md-img-error[data-src*=".m4a"], .md-img-error[data-src*=".ogg"], .md-img-error[data-src*=".wav"]) > .md-meta,
:is(.md-img-error[data-src*=".ogv"], .md-img-error[data-src*=".mp4"], .md-img-error[data-src*=".webm"]) > .md-meta {
  border: none;
  color: var(--h-f) !important;
  border: inherit;
  padding: 5px;
  border-radius: var(--v-r-b);
  background-image: none !important;
  background-color: var(--pn-c) !important;
  width: initial;
  height: initial;
  display: inline-block !important;
  visibility: visible !important;
}
:is(.md-img-error[data-src*=".mp3"], .md-img-error[data-src*=".m4a"], .md-img-error[data-src*=".ogg"], .md-img-error[data-src*=".wav"]) > .md-meta:first-of-type:before {
  content: "🔊";
}
:is(.md-img-error[data-src*=".mp3"], .md-img-error[data-src*=".m4a"], .md-img-error[data-src*=".ogg"], .md-img-error[data-src*=".wav"]) > .md-meta:first-of-type:after {
  content: "( Export HTML to Hear Audio )";
  text-transform: uppercase;
  color: #5ABD3C;
  font-size: 0.625em;
  text-align: center;
  display: block;
}
:is(.md-img-error[data-src*=".ogv"], .md-img-error[data-src*=".mp4"], .md-img-error[data-src*=".webm"]) > .md-meta:first-of-type:before {
  content: "🎦";
}
:is(.md-img-error[data-src*=".ogv"], .md-img-error[data-src*=".mp4"], .md-img-error[data-src*=".webm"]) > .md-meta:first-of-type:after {
  content: "( Export HTML to Watch Video )";
  text-transform: uppercase;
  color: #5ABD3C;
  font-size: 0.625em;
  text-align: center;
  display: block;
}
.md-header-anchor {
  margin: 0 !important;
  vertical-align: top !important;
}
.md-emoji-span::before {
  vertical-align: baseline;
}
.md-fn-count {
  font-family: var(--v-f-fm-bd);
  font-weight: normal;
}
.md-fn-count::before {
  content: "[";
}
.md-fn-count::after {
  content: "] ";
}
#write > pre.md-meta-block:first-child {
  font-family: var(--monospace);
  font-weight: var(--v-f-w-text);
  font-size: 0.875em;
  line-height: 1.5;
  border-radius: var(--v-r-b);
  padding: 24px 10px 5px 10px;
  color: var(--a-color);
  background: var(--code-bg);
  border: 2px dashed var(--std-code-shadow);
  margin: 12px 0;
}
#write pre.md-meta-block:empty:before,
#write > pre.md-meta-block::before {
  content: "--- YAML Front Matter ---";
  text-transform: uppercase;
  font: italic normal 10px/1 var(--v-f-fm-bd);
  position: absolute;
  margin-top: -16px;
  color: var(--d-fc);
  opacity: 0.6;
}
#write > pre.md-meta-block:empty {
  padding: 5px 10px;
}
#write pre.md-meta-block:empty:before {
  content: "input your YAML Front Matter ...";
  font-style: normal;
  font-weight: normal;
  position: static;
  opacity: 0.2;
}
#write > pre.md-meta-block.md-focus,
#write .md-expand code,
#write span:is([md-inline="code"],[md-inline="strong"],[md-inline="em"],[md-inline="highlight"],[md-inline="underline"]) + sub.md-expand .md-plain,
#write :is(sup, sub) + sub.md-expand .md-plain,
content > #write table :is(th,td) > span > sub:first-child.md-expand .md-plain,
content > #write table :is(th,td) > span > sub:last-child.md-expand .md-plain,
content > #write blockquote p > sub:only-child.md-expand .md-plain {
  opacity: 1;
  caret-color: #5ABD3C;
  box-shadow: var(--v-input-focus-inn-shadow), var(--v-input-focus-shadow);
  border: none;
}
#write > pre.md-meta-block.md-focus {
  border: none;
  margin: 14px 2px;
}
#typora-source pre.cm-yaml {
  font-family: var(--monospace);
  font-weight: var(--v-f-w-text);
  font-size: 0.875em;
  background: var(--code-bg);
}
/**************************************
* Header Counters in TOC 目录中的标题序号样式
**************************************/
/* No link underlines in TOC */
content .md-toc::before {
  content: "☰ Table of contents / 目录 ☰";
  text-transform: uppercase;
  font: italic normal 10px/1 var(--v-f-fm-bd);
  color: var(--d-fc);
  padding-left: 35px;
  opacity: 0.6;
}
#write div.md-toc-tooltip {
  background-color: var(--d-fc);
  line-height: 1.5;
  color: var(--d-bc);
  border: none;
  margin-left: 30px;
  padding-left: 5px;
  width: 250px;
  border-radius: var(--v-r-b) var(--v-r-b) var(--v-r-b) var(--v-r-b);
}
#write div.md-toc-tooltip > span {
  font-size: 0.875em;
}
#write div.md-toc-tooltip .btn {
  padding: 1px 6px;
  margin: 3px;
}
#write div.md-toc-tooltip .btn:hover {
  background-color: var(--item-hover-bg-color);
  color: var(--item-hover-text-color);
}
.md-toc:focus .md-toc-content {
  border-color: var(--border-color);
}
.md-toc-content,
.outline-content {
  counter-reset: h1;
}
.md-toc-h1 {
  margin-left: 0;
  padding-left: 5px;
}
.md-toc-h1,
.outline-h1 {
  counter-reset: h2;
}
.md-toc-h2 {
  margin-left: 0;
  padding-left: 15px;
}
.md-toc-h2,
.outline-h2 {
  counter-reset: h3;
}
.md-toc-h3 {
  margin-left: 0;
  padding-left: 25px;
}
.md-toc-h3,
.outline-h3 {
  counter-reset: h4;
}
.md-toc-h4 {
  margin-left: 0;
  padding-left: 35px;
}
.md-toc-h4,
.outline-h4 {
  counter-reset: h5;
}
.md-toc-h5 {
  margin-left: 0;
  padding-left: 45px;
}
.md-toc-h5,
.outline-h5 {
  counter-reset: h6toc;
}
.md-toc-h6,
.outline-h6 {
  counter-reset: h6toc;
  content: "";
  font-size: 12px;
  color: var(--toc-h-num-color);
}
.outline-h1 > .outline-item {
  padding-left: 0.35em;
}
.outline-h2 > .outline-item {
  padding-left: 1.35em;
}
.outline-h3 > .outline-item {
  padding-left: 2.35em;
}
.outline-h4 > .outline-item {
  padding-left: 3.35em;
}
.outline-h5 > .outline-item {
  padding-left: 4.35em;
}
.outline-h6 > .outline-item {
  padding-left: 6em;
}
.outline-h6 > .outline-item > .outline-label::before {
  content: "◼︎ ";
  opacity: 0.6;
}
content > #write > pre.md-meta-block:first-child + h6 + .md-toc > .md-toc-content > .md-toc-h1:last-child,
content > #write > h6:first-child + .md-toc > .md-toc-content > .md-toc-h1:last-child,
.md-toc-h6 {
  display: none;
  margin-left: 0;
  padding-left: 50px;
}
.outline-label {
  word-break: break-word;
}
.outline-label::before {
  color: var(--toc-h-num-color);
}
.md-toc-h1::before,
.outline-h1 .outline-label::before {
  counter-increment: h1;
  content: counter(h1) ". ";
}
.md-toc-h1 > .md-toc-inner {
  margin-left: 0;
  font-weight: var(--v-f-w-title);
}
.md-toc-h2::before,
.outline-h2 .outline-label::before {
  counter-increment: h2;
  content: counter(h1) "." counter(h2) " ";
}
.md-toc-h2 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h3::before,
.outline-h3 .outline-label::before {
  counter-increment: h3;
  content: counter(h1) "." counter(h2) "." counter(h3) " ";
}
.md-toc-h3 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h4::before,
.outline-h4 .outline-label::before {
  counter-increment: h4;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";
}
.md-toc-h4 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h5::before,
.outline-h5 .outline-label::before {
  counter-increment: h5;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
}
.md-toc-h5 > .md-toc-inner {
  margin-left: 0;
}
.md-toc-h6::before,
.outline-h6 .outline-label::before {
  counter-increment: h6;
  content: "";
}
body.typora-export :is(.md-toc-h1, .md-toc-h2, .md-toc-h3, .md-toc-h4, .md-toc-h5)::before {
  content: attr(d-header-num) !important;
}
.typora-export-show-outline .typora-export-content {
  max-width: none;
  display: inherit;
}
content > #write hr {
  border: none;
  background: linear-gradient(90deg, transparent, var(--ac-bk-fade) 15%, var(--ac-bk-fade), var(--ac-bk-fade) 85%, transparent);
  height: 2px;
  cursor: crosshair;
}
content > #write hr:hover {
  background: #5ABD3C;
}
content > #write .md-hr + .md-hr > hr {
  margin-top: -12px !important;
}
content > #write blockquote:has(.md-image[data-src*="#card"]>img) {
  padding: 0;
}
content > #write blockquote p:has(.md-image[data-src*="#card"]) + blockquote {
  color: #FFFFFF;
  background-color: #0B72D9;
  border: none;
  margin: 0;
  padding: 10px;
}
content > #write blockquote p:has(.md-image[data-src*="#card"]) + blockquote a,
#write :is(blockquote, details) .v-post-card a {
  color: #FFFFFF !important;
  opacity: 0.6;
}
content > #write blockquote p:has(.md-image[data-src*="#card"]) + blockquote a kbd,
#write :is(blockquote, details) .v-post-card a kbd {
  border: 1px solid rgba(255, 255, 255, 0.25);
}
content > #write blockquote p:has(.md-image[data-src*="#card"]) + blockquote a:has(kbd),
#write :is(blockquote, details) .v-post-card a:has(kbd) {
  opacity: 1;
}
content > #write blockquote p > em:only-child > sub:only-child,
content > #write p > [md-inline="em"]:first-child > em > sub:only-child,
content > #write table :is(th,td) > span > [md-inline="em"]:first-child > em > sub:only-child,
content > #write table :is(th,td) > span > [md-inline="em"]:last-child > em > sub:only-child,
content > #write span:is([md-inline="code"],[md-inline="strong"],[md-inline="em"],[md-inline="highlight"],[md-inline="underline"]) + [md-inline="em"] > em > sub:only-child,
content > #write :is(sup, sub) + [md-inline="em"] > em > sub:only-child {
  font: normal bold 0.5em var(--v-f-fm-code) !important;
  border-radius: 0 4px 4px 4px;
  bottom: 0;
  color: var(--d-fc);
  background-color: var(--d-fc-a);
  padding: 1px 3px;
  margin: 0 5px 0 1px;
  line-height: 1 !important;
  opacity: 0.6;
}
content > #write p > [md-inline="em"]:first-child > em > sub:only-child,
content > #write table :is(th,td) > span > [md-inline="em"]:first-child > em > sub:only-child {
  color: var(--d-bc);
  border-radius: 4px 4px 0 4px;
  background-color: var(--d-fc);
  margin: 0 1px 0 0;
}
content > #write blockquote p > [md-inline="em"]:only-child > em > sub:only-child {
  bottom: 0;
}
content > #write blockquote p > [md-inline="em"]:only-child > em > sub:only-child::before {
  content: ">";
  color: var(--d-bc);
  padding-right: 2px;
  opacity: 0.6;
}
content > #write p > [md-inline="em"]:first-child > em > sub:only-child::before,
content > #write table :is(th,td) > span > [md-inline="em"]:first-child > em > sub:only-child::before {
  content: "¶";
  color: var(--d-bc);
  padding-right: 2px;
  opacity: 0.6;
}
content > #write span:is([md-inline="code"],[md-inline="strong"],[md-inline="em"],[md-inline="highlight"],[md-inline="underline"]) + [md-inline="em"] > em > sub:only-child::before,
content > #write :is(sup, sub) + [md-inline="em"] > em > sub:only-child::before {
  content: "";
}
content > #write table th:not([style*=":right"]) > span > span:not([md-inline="plain"]):only-child:before,
content > #write table th[style*=":right"] > span::before {
  content: "CF/列格式";
  text-transform: uppercase;
  font: italic normal 10px/1 var(--v-f-fm-bd);
  font-size: 0.5em;
  position: absolute;
  margin-top: -0.7em;
  opacity: 0.6;
}
#write li .md-p > span:not([class*=md-image]) {
  margin-top: 0;
  margin-bottom: 0;
}
#write li .md-p > span[class*=md-image] {
  margin-bottom: 0.75em;
}
#write ol > .md-task-list-item {
  list-style-type: none !important;
}
#write ol > li > ol > .md-task-list-item {
  list-style-type: none !important;
}
#write ol > li > ol > li > ol > .md-task-list-item {
  list-style-type: none !important;
}
#write ol > li > ol > li > ol > li > ol > .md-task-list-item {
  list-style-type: none !important;
}
#write ol > li > ol > li > ol > li > ol > li > ol > .md-task-list-item {
  list-style-type: none !important;
}
#write ol > li > ol > li > ol > li > ol > li > ol > li > ol > .md-task-list-item {
  list-style-type: none !important;
}
#write ul > .md-task-list-item {
  list-style-type: none !important;
}
#write ul > li > ul > .md-task-list-item {
  list-style-type: none !important;
}
#write ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: none !important;
}
#write ul > li > ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: none !important;
}
#write ul > li > ul > li > ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: none !important;
}
#write ul > li > ul > li > ul > li > ul > li > ul > li > ul > .md-task-list-item {
  list-style-type: none !important;
}
.md-task-list-item {
  padding-left: 32px;
}
.md-task-list-item > input {
  margin-top: 0.5em !important;
  margin-left: -1.25em !important;
}
.v-svg-input-checkbox {
  position: absolute;
  margin-top: 0.3125em !important;
  margin-left: -1.25em !important;
  display: inline-block;
  vertical-align: middle;
}
.md-task-list-item > p {
  margin-top: 0;
  margin-bottom: 0;
}
.md-diagram-panel-preview {
  padding-top: 0;
}
.md-diagram-panel {
  border-radius: var(--v-r-b);
  padding: 0;
}
content > #write p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark {
  font: normal 0.875em var(--v-f-fm-bd);
  color: var(--d-fc-a);
  background: none;
  box-shadow: none;
  text-shadow: none;
  padding: 2px 10px;
  border-radius: var(--v-r-b) var(--v-r-b) 0 0;
  display: inline-block;
}
content > #write li > p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark {
  margin: 0;
}
content > #write p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark::before {
  content: "Caption/题注. ";
  text-transform: uppercase;
  color: var(--h-f);
}
content > #write p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark > [md-inline="em"] > em {
  font-style: normal;
}
content > #write p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark > [md-inline="em"] > em::before {
  content: " │ B.Caption/底部题注. ";
  text-transform: uppercase;
  font: italic normal 10px/1 var(--v-f-fm-bd);
  color: var(--ac-t1-lg);
}
content > #write .md-expand mark .md-meta {
  color: #5ABD3C;
  opacity: 1 !important;
}
content > #write p > [md-inline="em"]:not(:only-child) > em > [md-inline="highlight"] > mark,
content > #write .td-span > [md-inline="em"] > em > [md-inline="highlight"] > mark,
.v-stepwise {
  font: normal 0.875em var(--v-f-fm-code);
  line-height: 1.25;
  background-color: var(--std-code-shadow);
  color: var(--d-fc);
  box-shadow: none;
  text-shadow: none;
  padding: 5px 15px 5px 10px;
  border-radius: var(--v-r-tag);
  clip-path: polygon(0 0, calc(100% - 0.625em) 0, 100% 50%, calc(100% - 0.625em) 100%, 0 100%);
  position: relative;
  display: inline-block;
}
.v-stepwise {
  cursor: var(--cur-copy-normal);
}
.v-stepwise label {
  background-color: var(--d-fc);
  width: 0.625em;
  display: inline-block;
  clip-path: polygon(0 0, 20% 0, 100% 50%, 20% 100%, 0 100%, 80% 50%);
  margin: 0 5px;
  opacity: 0.2;
}
content > #write p > [md-inline="em"]:not(:only-child) > em > [md-inline="highlight"] > mark a,
content > #write .td-span > [md-inline="em"] > em > [md-inline="highlight"] > mark a,
body.typora-export .v-stepwise a {
  color: var(--d-fc) !important;
  font-weight: var(--v-f-w-bd);
}
content > #write p > [md-inline="em"]:not(:only-child) > em > [md-inline="highlight"] > mark .md-link .md-url,
content > #write .td-span > [md-inline="em"] > em > [md-inline="highlight"] > mark .md-link .md-url {
  color: var(--a-color);
}
content > #write p > [md-inline="em"]:not(:only-child) > em > [md-inline="highlight"] > mark a::after,
content > #write .td-span > [md-inline="em"] > em > [md-inline="highlight"] > mark a::after,
.v-stepwise a::after {
  content: "◥";
  color: var(--a-color);
  width: 20px;
  height: 20px;
  vertical-align: super;
  margin-left: 2px;
  font-size: 0.75em;
}
content > #write p > [md-inline="em"]:not(:only-child) > em > [md-inline="highlight"] > mark a:hover::after,
content > #write .td-span > [md-inline="em"] > em > [md-inline="highlight"] > mark a:hover::after,
.v-stepwise a:hover::after {
  color: #5ABD3C !important;
}
/**************************************
* 重定义Typora原生样式
**************************************/
content > #write {
  background: var(--d-bc) var(--d-bi);
}
content > #write img {
  padding: 0;
  border: none;
}
content > #write :is(span[md-inline="image"][data-src*="darksrc="],
span[md-inline="image"][data-src*="srcset="])::before {
  content: "◩";
  font: italic normal 10px/1 var(--v-f-fm-bd);
  color: var(--d-bc);
  border-radius: var(--v-r-b);
  word-break: initial;
  padding: 1px 4px;
  margin: 5px 0 0 5px;
  position: absolute;
  background: var(--d-fc);
  opacity: 0.6;
}
content > #write span[md-inline="image"][data-src*="srcset="]::before {
  content: "@";
}
content > #write span[md-inline="image"][data-src*="srcset="][data-src*="darksrc"]::before {
  content: "@ ◩";
}
content > #write span[md-inline="image"][data-src*="#icon"]::before {
  content: "" !important;
}
#write {
  max-width: 100%;
  margin: 0 auto;
  padding: 10px 20px;
}
#write > :is(ul,ol):first-child {
  margin-top: 30px;
}
content > #write blockquote > h6:first-child {
  border-radius: 0;
  border-bottom: 1px solid var(--ac-bk-fade);
  padding: 0 0 0.3125em 0;
  margin-bottom: 0.3125em;
  text-align: left;
  width: 100%;
}
.md-fences {
  color: var(--d-fc);
  font-family: "", var(--v-f-fm-code);
  border-radius: var(--v-r-b);
  border: 2px solid var(--tbl-bd);
  margin: 0 0 8px 0;
  background-color: var(--d-fc);
}
.md-fences.md-focus {
  box-shadow: var(--v-input-focus-shadow) !important;
  border-color: var(--a-color);
}
.md-fences.md-focus .md-diagram-panel {
  margin-top: 4px !important;
}
.md-fences.md-diagram {
  box-shadow: none;
}
pre.md-fences-advanced.md-focus .md-fences-adv-panel {
  border: none;
}
#write .md-fences-adv-panel {
  margin-top: 0;
  position: relative;
  text-align: left;
}
body.typora-export .md-fences-adv-panel {
  margin-top: 0.75em !important;
}
content > #write blockquote > h6 + :is(.md-fences, figure) {
  margin-top: 1em;
}
#file-library-search-input {
  border-color: var(--v-input-focus-border) !important;
}
.form-control:focus {
  border-color: var(--v-input-focus-border) !important;
  box-shadow: var(--v-input-focus-shadow) !important;
}
/**************************************
 *
 * VLOOK CSS - Mermaid 自定义样式
 * (配合 base.less 进行使用)
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
:root {
  --mermaid-sequence-numbers: on;
  --mermaid-flowchart-curve: basis;
  --mermaid-font-family: var(--v-f-fm-bd);
  --mm-c-rd: var(--ac-rd);
  --mm-c-rd-a: var(--ac-rd-a);
  --mm-c-og: var(--ac-og);
  --mm-c-og-a: var(--ac-og-a);
  --mm-c-ye: var(--ac-ye);
  --mm-c-ye-a: var(--ac-ye-a);
  --mm-c-gn: var(--ac-gn);
  --mm-c-gn-a: var(--ac-gn-a);
  --mm-c-cy: var(--ac-cy);
  --mm-c-cy-a: var(--ac-cy-a);
  --mm-c-bu: var(--ac-bu);
  --mm-c-bu-a: var(--ac-bu-a);
  --mm-c-pu: var(--ac-pu);
  --mm-c-pu-a: var(--ac-pu-a);
  --mm-c-pk: var(--ac-pk);
  --mm-c-pk-a: var(--ac-pk-a);
  --mm-c-bn: var(--ac-bn);
  --mm-c-bn-a: var(--ac-bn-a);
  --mm-c-gy: var(--ac-gy);
  --mm-c-gy-a: var(--ac-gy-a);
}
svg[aria-roledescription] :is(text, span, tspan, .edgeLabel, .nodeLabel) {
  font-family: var(--v-f-fm-bd);
  color: var(--d-fc) !important;
  fill: var(--d-fc) !important;
}
svg[aria-roledescription] {
  fill: var(--d-bc) !important;
  background-color: var(--d-bc) !important;
}
svg[aria-roledescription] .node:hover {
  cursor: crosshair;
}
svg[aria-roledescription] .node:hover :is(circle, polygon, path, rect) {
  fill: var(--ac-t1-a) !important;
  stroke: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription] .node[id^="flowchart-inpage"]:hover circle,
svg[aria-roledescription] .node[id^="flowchart-outpage"]:hover polygon {
  stroke: #0B72D9 !important;
}
svg[aria-roledescription] .label div {
  text-align: center;
}
.md-diagram-panel,
.md-diagram-panel svg {
  color: var(--d-fc) !important;
  line-height: 1 !important;
}
svg {
  line-height: 1 !important;
}
svg[aria-roledescription] .clickable:hover :is(circle, polygon, path, rect) {
  cursor: var(--cur-pointer) !important;
}
/* ----- pie diagram 饼图 ----- */
svg[aria-roledescription="pie"] .pieTitleText {
  fill: var(--d-fc) !important;
  font-weight: var(--v-f-w-title) !important;
  font-size: 1.5em !important;
}
svg[aria-roledescription="pie"] .legend text {
  fill: var(--d-fc) !important;
  font-weight: var(--v-f-w-title) !important;
}
svg[aria-roledescription="pie"] .slice {
  font-weight: var(--v-f-w-title) !important;
}
/* ----- flow diagram 流程图 ----- */
svg[aria-roledescription^="flowchart"] {
  font-size: 0.875em !important;
}
svg[aria-roledescription^="flowchart"] .nodeLabel {
  color: var(--d-fc) !important;
  font-weight: bold !important;
}
svg[aria-roledescription^="flowchart"] .node :is(circle, polygon, path, rect) {
  fill: var(--pn-c) !important;
  stroke: var(--d-fc) !important;
}
svg[aria-roledescription^="flowchart"] .nodes:has(.node[id^="flowchart-INIT"]) .nodeLabel {
  color: var(--d-bc) !important;
}
svg[aria-roledescription^="flowchart"] .nodes:has(.node[id^="flowchart-INIT"]) :is(circle, polygon, path, rect) {
  fill: var(--d-fc) !important;
  stroke-width: 0 !important;
}
svg[aria-roledescription^="flowchart"] .nodes:has(.node[id^="flowchart-INIT"]) .node:hover :is(circle, polygon, path, rect) {
  fill: var(--ac-t1) !important;
  cursor: crosshair;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-inpage"] circle,
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-outpage"] polygon {
  stroke-width: 1 !important;
  stroke: var(--d-fc-a) !important;
  stroke-dasharray: 6 2 !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-inpage"] .nodeLabel,
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-outpage"] .nodeLabel {
  color: var(--d-fc-a) !important;
  font-weight: normal !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-join"] > :is(circle, polygon, path, rect),
svg[aria-roledescription^="flowchart"] .nodes:has(.node[id^="flowchart-INIT"]) .node[id^="flowchart-join"] > :is(circle, polygon, path, rect) {
  fill: var(--d-fc-a) !important;
  stroke-width: 0 !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-join"] > rect {
  x: -30px !important;
  y: -4px !important;
  width: 60px !important;
  height: 8px !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-joinv"] > rect {
  x: -4px !important;
  y: -30px !important;
  width: 8px !important;
  height: 60px !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-START"]:hover rect,
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-join"]:hover :is(circle, polygon, path, rect),
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-INIT"]:hover circle,
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-FINAL"]:hover circle {
  fill: #0B72D9 !important;
  stroke: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-END"]:hover rect {
  stroke: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-START"]:hover rect + .label .nodeLabel,
svg[aria-roledescription^="flowchart"] .nodes:has(.node[id^="flowchart-INIT"]) .node:hover rect + .label .nodeLabel {
  color: #FFFFFF !important;
}
svg[aria-roledescription^="flowchart"] .node:hover .label .nodeLabel {
  color: #0B72D9 !important;
}
svg[aria-roledescription^="flowchart"] .edgePaths path {
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription^="flowchart"] .edgePath .path[style*="stroke-dasharray"] {
  stroke-width: 1.5 !important;
}
svg[aria-roledescription^="flowchart"] .marker.flowchart {
  fill: var(--d-fc-a) !important;
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription^="flowchart"] .edgeLabel .label div {
  background-color: var(--d-bc) !important;
}
svg[aria-roledescription^="flowchart"] .label .edgeLabel {
  color: var(--d-fc) !important;
  background-color: transparent !important;
}
svg[aria-roledescription^="flowchart"] .label .edgeLabel:hover {
  color: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription^="flowchart"] .cluster rect {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 6 6 !important;
}
svg[aria-roledescription^="flowchart"] .cluster-label .nodeLabel {
  color: var(--d-fc-a) !important;
  margin-left: 0 !important;
  font-weight: var(--v-f-w-title) !important;
  font-size: 0.875em !important;
  padding-right: 0.5em !important;
}
svg[aria-roledescription^="flowchart"] .cluster:hover rect {
  fill: var(--ac-t1-a) !important;
  stroke: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription^="flowchart"] .cluster:hover .cluster-label .nodeLabel {
  font-weight: var(--v-f-w-title) !important;
  color: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-START"] rect {
  fill: var(--d-fc) !important;
  stroke: var(--d-fc) !important;
  stroke-width: 0 !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-START"] rect + .label .nodeLabel {
  color: var(--d-bc) !important;
  font-weight: var(--v-f-w-title) !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-END"] rect {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc) !important;
  stroke-width: 4 !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-END"] rect + .label div {
  font-weight: var(--v-f-w-title) !important;
  color: var(--d-fc) !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-INIT"] circle {
  fill: var(--d-fc) !important;
  stroke-width: 0 !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-FINAL"] circle {
  fill: none !important;
  stroke: var(--d-fc) !important;
  stroke-width: 4 !important;
}
svg[aria-roledescription^="flowchart"] .node[id^="flowchart-FINAL"] circle + .label div {
  color: var(--d-fc) !important;
}
/* ----- sequence diagram 顺序图 / 时序图 ----- */
svg[aria-roledescription="sequence"] .actor-man > :is(line, circle) {
  fill: var(--pn-c) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="sequence"] .actor-man:hover > :is(line, circle, text) {
  stroke: #0B72D9 !important;
  stroke-width: 2 !important;
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] .actor-man:hover > circle {
  fill: var(--ac-t1-a) !important;
  stroke-width: 2 !important;
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] .actor {
  stroke: var(--d-fc-a) !important;
  fill: var(--pn-c) !important;
  font-size: 0.875em !important;
  stroke-width: 1;
}
svg[aria-roledescription="sequence"] g:hover > :is(.actor, line[id^="actor"]) {
  fill: var(--ac-t1-a) !important;
  stroke: #0B72D9 !important;
  stroke-width: 2 !important;
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] g:hover > rect {
  fill: var(--ac-t1-a) !important;
  stroke: #0B72D9 !important;
  stroke-width: 1 !important;
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] g:hover text.actor > tspan {
  fill: #0B72D9 !important;
}
svg[aria-roledescription="sequence"] text.actor > tspan {
  fill: var(--d-fc) !important;
  stroke: none !important;
  font-weight: var(--v-f-w-title);
}
svg[aria-roledescription="sequence"] line[id^="actor"] {
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="sequence"] .messageText {
  fill: var(--d-fc) !important;
  stroke: none !important;
  font-size: 0.875em !important;
  font-weight: normal !important;
}
svg[aria-roledescription="sequence"] .messageLine0 {
  stroke-width: 2 !important;
  stroke: var(--d-fc) !important;
}
svg[aria-roledescription="sequence"] .messageLine1 {
  stroke-width: 2 !important;
  stroke: var(--d-fc) !important;
  stroke-dasharray: 6, 3 !important;
}
svg[aria-roledescription="sequence"] #arrowhead path,
svg[aria-roledescription="sequence"] #filled-head path {
  fill: var(--d-fc) !important;
  stroke: none !important;
}
svg[aria-roledescription="sequence"] .messageText:hover,
svg[aria-roledescription="sequence"] .messageText:hover + :is(.messageLine0, .messageLine1) + .sequenceNumber {
  fill: #0B72D9 !important;
  font-weight: var(--v-f-w-title) !important;
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] .messageText:hover + :is(.messageLine0, .messageLine1) {
  stroke: #0B72D9 !important;
}
svg[aria-roledescription="sequence"] .sequenceNumber {
  color: var(--d-bc) !important;
  fill: var(--d-bc) !important;
  font-weight: var(--v-f-w-title) !important;
  font-size: 0.875em;
}
svg[aria-roledescription="sequence"] #sequencenumber {
  fill: var(--d-fc) !important;
  stroke: var(--d-fc) !important;
  stroke-width: 0 !important;
  transform: scale(0.5);
  transform-origin: 15px 15px;
}
svg[aria-roledescription="sequence"] #crosshead path {
  fill: var(--d-fc-a) !important;
  stroke: var(--d-fc) !important;
}
svg[aria-roledescription="sequence"] rect[class^="activation"] {
  fill: var(--d-fc-a) !important;
  stroke-width: 0 !important;
}
svg[aria-roledescription="sequence"] .labelBox {
  stroke: none !important;
  fill: var(--mm-c-pu) !important;
}
svg[aria-roledescription="sequence"] g > .labelText {
  fill: #FFFFFF !important;
  font-size: 0.875em !important;
  font-weight: var(--v-f-w-title) !important;
}
svg[aria-roledescription="sequence"] .loopText {
  fill: var(--ac-pu-lg) !important;
  font-size: 0.875em !important;
  font-weight: var(--v-f-w-title) !important;
}
svg[aria-roledescription="sequence"] :is(.loopText:hover, .loopText:hover>tspan) {
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] .loopLine {
  stroke-width: 1 !important;
  stroke-dasharray: none !important;
  stroke: var(--mm-c-pu) !important;
}
svg[aria-roledescription="sequence"] g:hover > .loopLine {
  stroke-width: 4 !important;
  stroke-linecap: round !important;
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] g:hover > polygon,
svg[aria-roledescription="sequence"] g:hover > .loopText > tspan {
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] g:hover > .labelText {
  cursor: crosshair;
}
svg[aria-roledescription="sequence"] .note {
  stroke: var(--mm-c-ye) !important;
  stroke-width: 0 !important;
  fill: var(--mm-c-ye-a) !important;
}
svg[aria-roledescription="sequence"] .noteText tspan {
  fill: var(--d-fc) !important;
  stroke: none !important;
  font-size: 0.875em !important;
  font-style: italic !important;
  font-family: var(--v-f-fm-text) !important;
}
.v-actor-front {
  fill: var(--pn-c) !important;
  stroke: var(--d-fc-a) !important;
}
.v-actor-key-sys {
  stroke-width: 2 !important;
  font-weight: var(--v-f-w-title) !important;
}
.v-actor-ext-sys {
  stroke-dasharray: 6, 2 !important;
  font-style: italic !important;
}
/* ----- state diagram 状态机图 ----- */
svg[aria-roledescription="stateDiagram"] {
  font-size: 0.875em !important;
}
svg[aria-roledescription="stateDiagram"] .node circle.state-start {
  fill: var(--d-fc) !important;
  stroke: var(--d-fc) !important;
}
svg[aria-roledescription="stateDiagram"] .node circle.state-end {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc) !important;
}
svg[aria-roledescription="stateDiagram"] .node .fork-join {
  fill: var(--d-fc-a) !important;
  stroke-width: 0 !important;
}
svg[aria-roledescription="stateDiagram"] .edgeLabel .label rect {
  fill: var(--d-bc) !important;
}
svg[aria-roledescription="stateDiagram"] .edgeLabel {
  text-align: center;
}
svg[aria-roledescription="stateDiagram"] .edgeLabel:hover {
  color: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription="stateDiagram"] .statediagram-state .label-container {
  fill: var(--d-fc) !important;
  stroke-width: 0 !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-state .nodeLabel {
  color: var(--d-bc) !important;
  font-weight: bold !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-state .label {
  text-align: center;
}
svg[aria-roledescription="stateDiagram"] .statediagram-state:hover .label-container {
  fill: #0B72D9 !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-state:hover .nodeLabel {
  color: #FFFFFF !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-cluster .outer {
  fill: var(--d-fc-a) !important;
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-cluster .inner,
svg[aria-roledescription="stateDiagram"] .nodes .divider {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-cluster .cluster-label .nodeLabel {
  color: var(--d-fc) !important;
  font-size: 0.75em !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-cluster .cluster-label {
  text-align: center;
}
svg[aria-roledescription="stateDiagram"] .statediagram-note rect {
  stroke: var(--mm-c-ye) !important;
  stroke-dasharray: 5 !important;
  fill: var(--mm-c-ye) !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-note .nodeLabel {
  color: var(--d-fc) !important;
  font-weight: normal !important;
  font-size: 0.875em !important;
}
svg[aria-roledescription="stateDiagram"] .statediagram-note .label div {
  text-align: left;
}
svg[aria-roledescription="stateDiagram"] .edgePaths .transition {
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription="stateDiagram"] #statediagram-barbEnd {
  fill: var(--d-fc-a) !important;
  stroke: var(--d-fc-a) !important;
}
/* ----- class diagram 类图 ----- */
svg[aria-roledescription="classDiagram"] {
  font-size: 0.875em !important;
}
svg[aria-roledescription="classDiagram"] .node > rect.outer {
  fill: var(--pn-c) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 2 !important;
}
svg[aria-roledescription="classDiagram"] .node:hover .outer,
svg[aria-roledescription="classDiagram"] .node:hover :is(.outer+.divider, .outer+.divider+.divider) {
  stroke: #0B72D9 !important;
}
svg[aria-roledescription="classDiagram"] .node > line.divider {
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="classDiagram"] .node > rect.outer + line.divider {
  stroke: var(--d-fc-a) !important;
  stroke-width: 2 !important;
}
svg[aria-roledescription="classDiagram"] .label .classTitle .nodeLabel {
  color: var(--d-fc) !important;
  font-weight: bold !important;
}
svg[aria-roledescription="classDiagram"] .label .classTitle {
  text-align: center;
}
svg[aria-roledescription="classDiagram"] .label .nodeLabel {
  color: var(--d-fc-a) !important;
  font-weight: normal !important;
}
svg[aria-roledescription="classDiagram"] .edgeLabel .label div {
  background-color: var(--d-bc) !important;
}
svg[aria-roledescription="classDiagram"] .edgeLabel .label span {
  background-color: transparent !important;
}
svg[aria-roledescription^="classDiagram"] .label .edgeLabel:hover {
  color: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription="classDiagram"] :is(
    /* Composition 组合 */
    #classDiagram-compositionStart>path,
    #classDiagram-compositionEnd>path,
    /* Dependency 依赖, Association 关联 */
    #classDiagram-dependencyStart>path,
    #classDiagram-dependencyEnd>path,
    #classDiagram-lollipopStart>circle) {
  fill: var(--d-fc-a) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="classDiagram"] :is(
    /* Aggregation 聚合 */
    #classDiagram-aggregationStart>path,
    #classDiagram-aggregationEnd>path,
    /* Inheritance 继承, Realization 实现 */
    #classDiagram-extensionStart>path,
    #classDiagram-extensionEnd>path) {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 100 !important;
}
svg[aria-roledescription="classDiagram"] .edgePaths .relation {
  stroke: var(--d-fc-a) !important;
}
/* ----- sankey diagram 桑基图 ----- */
svg[aria-roledescription="sankey"] {
  width: 100% !important;
}
/* ----- gantt diagram 甘特图 ----- */
svg[aria-roledescription="gantt"] .titleText {
  text-anchor: middle !important;
  font-size: 1.5em !important;
  font-weight: var(--v-f-w-title) !important;
  fill: var(--d-fc) !important;
}
svg[aria-roledescription="gantt"] .section {
  stroke: none !important;
}
svg[aria-roledescription="gantt"] :is(.section0, .section2, .section4) {
  fill: var(--d-fc-a) !important;
  opacity: 0.15 !important;
}
svg[aria-roledescription="gantt"] :is(.section1, .section3, .section5) {
  fill: var(--d-fc-a) !important;
  opacity: 0.05 !important;
}
svg[aria-roledescription="gantt"] .grid > .tick > line {
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
  opacity: 0.3 !important;
}
svg[aria-roledescription="gantt"] .grid > .tick > text {
  fill: var(--d-fc-a) !important;
}
svg[aria-roledescription="gantt"] .exclude-range {
  fill: var(--mm-c-ye) !important;
  opacity: 0.15 !important;
}
svg[aria-roledescription="gantt"] g.today line.today {
  stroke: var(--mm-c-rd) !important;
  stroke-width: 3 !important;
}
svg[aria-roledescription="gantt"] rect[class*="active"] {
  fill: var(--mm-c-bu) !important;
  stroke: var(--d-bc) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="gantt"] rect[class*="done"] {
  fill: var(--mm-c-gy) !important;
  stroke: var(--mm-c-bu) !important;
  stroke-width: 1 !important;
  stroke-dasharray: none !important;
}
svg[aria-roledescription="gantt"] rect[class*="activeCrit"] {
  fill: var(--mm-c-pu) !important;
  stroke: var(--d-bc) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="gantt"] rect[class*="doneCrit"] {
  fill: var(--mm-c-gy) !important;
  stroke: var(--mm-c-pu) !important;
  stroke-width: 1 !important;
  stroke-dasharray: none !important;
}
svg[aria-roledescription="gantt"] rect[class^="task task"] {
  fill: var(--d-bc) !important;
  stroke: var(--mm-c-bu) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 !important;
}
svg[aria-roledescription="gantt"] rect[class^="task crit"] {
  fill: var(--d-bc) !important;
  stroke: var(--mm-c-pu) !important;
  stroke-width: 1 !important;
  stroke-dasharray: 4 !important;
}
svg[aria-roledescription="gantt"] rect[class^="task milestone"] {
  fill: var(--mm-c-gn) !important;
  stroke: var(--d-bc) !important;
  stroke-width: 2 !important;
  stroke-dasharray: none !important;
}
/* ----- Gitgraph 历史图 ----- */
svg[aria-roledescription="gitGraph"] .gitTitleText {
  fill: var(--d-fc) !important;
  font-weight: var(--v-f-w-title) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabel .row {
  font-weight: var(--v-f-w-title) !important;
  fill: rgba(255, 255, 255, 0.9);
}
svg[aria-roledescription="gitGraph"] .commit-bullets :is(.commit0, .commit1, .commit2, .commit3, .commit4, .commit5, .commit6, .commit7) {
  stroke: var(--d-bc) !important;
  stroke-width: 2 !important;
}
svg[aria-roledescription="gitGraph"] .branch {
  stroke: var(--d-fc-a) !important;
  opacity: 0.3 !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label0,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit0 {
  fill: var(--mm-c-bu) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow0 {
  stroke: var(--mm-c-bu) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label1,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit1 {
  fill: var(--mm-c-ye) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow1 {
  stroke: var(--mm-c-ye) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label2,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit2 {
  fill: var(--mm-c-gn) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow2 {
  stroke: var(--mm-c-gn) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label3,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit3 {
  fill: var(--mm-c-og) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow3 {
  stroke: var(--mm-c-og) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label4,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit4 {
  fill: var(--mm-c-pk) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow4 {
  stroke: var(--mm-c-pk) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label5,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit5 {
  fill: var(--mm-c-cy) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow5 {
  stroke: var(--mm-c-cy) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label6,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit6 {
  fill: var(--mm-c-pu) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow6 {
  stroke: var(--mm-c-pu) !important;
}
svg[aria-roledescription="gitGraph"] .branchLabelBkg.label7,
svg[aria-roledescription="gitGraph"] .commit-bullets .commit7 {
  fill: var(--mm-c-rd) !important;
}
svg[aria-roledescription="gitGraph"] .commit-arrows .arrow7 {
  stroke: var(--mm-c-rd) !important;
}
svg[aria-roledescription="gitGraph"] .commit-bullets .commit-merge {
  stroke-width: 0 !important;
  fill: var(--d-bc) !important;
}
svg[aria-roledescription="gitGraph"] .commit-bullets .commit-highlight-outer {
  stroke: var(--d-bc) !important;
  stroke-width: 2 !important;
  fill: var(--d-fc) !important;
}
svg[aria-roledescription="gitGraph"] .commit-bullets .commit-highlight-inner {
  stroke-width: 2 !important;
  stroke: var(--d-bc) !important;
}
svg[aria-roledescription="gitGraph"] .tag-label-bkg {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription="gitGraph"] .tag-hole {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="gitGraph"] .tag-label {
  fill: var(--d-fc) !important;
}
svg[aria-roledescription="gitGraph"] .commit-labels .commit-label-bkg {
  fill: var(--d-fc-a) !important;
}
svg[aria-roledescription="gitGraph"] .commit-labels .commit-label {
  fill: var(--d-fc) !important;
}
/* ----- C4 diagrams C4 图 ----- */
svg[aria-roledescription="c4"] g[class] :is(tspan, text) {
  fill: var(--d-fc-dk) !important;
}
svg[aria-roledescription="c4"] #arrowhead path {
  fill: var(--d-fc) !important;
  stroke: none !important;
}
svg[aria-roledescription="c4"] :is(line[stroke="blue"], path[stroke="blue"]) {
  stroke: var(--ac-bu) !important;
}
svg[aria-roledescription="c4"] :is(line[stroke="red"], path[stroke="red"]) {
  stroke: var(--ac-rd) !important;
}
svg[aria-roledescription="c4"] [stroke="#444444"] {
  stroke: var(--ac-gy) !important;
}
/* ----- ZenUML 图 ----- */
.md-diagram-panel > div > svg[aria-roledescription="zenuml"] {
  border: 0 !important;
  background: none !important;
}
svg[aria-roledescription="zenuml"] .bg-skin-frame {
  border-radius: var(--v-r-b);
  border: 2px solid var(--pn-c);
  margin: 0;
}
body.typora-export svg[aria-roledescription="zenuml"] div[alt^="icon"] > svg {
  width: 75% !important;
}
body.typora-export svg[aria-roledescription="zenuml"] div[alt^="icon"] {
  margin-left: 4px;
}
svg[aria-roledescription="zenuml"] div[alt^="icon"] > svg path[stroke] {
  stroke: var(--d-fc) !important;
}
svg[aria-roledescription="zenuml"] div[alt^="icon"] > svg > path[fill],
svg[aria-roledescription="zenuml"] div[alt^="icon"] > svg g:not([id^="Icon-Architecture"]) > path[fill] {
  fill: var(--d-fc) !important;
}
svg[aria-roledescription="zenuml"] .bg-skin-title {
  background: none;
}
svg[aria-roledescription="zenuml"] .zenuml :is(label, p) {
  color: var(--d-fc) !important;
  margin: 0;
}
svg[aria-roledescription="zenuml"] .zenuml .collapse-button :is(line, polyline) {
  stroke: var(--d-fc);
  fill: var(--d-fc);
}
svg[aria-roledescription="zenuml"] .zenuml :is(.fill-current, .collapse-button) {
  border-color: var(--d-fc-a);
}
svg[aria-roledescription="zenuml"] .interaction:hover {
  cursor: crosshair;
}
.theme-mermaid {
  --color-bg-base: var(--d-bc);
  --color-text-base: var(--d-fc);
  --color-border-base: var(--d-fc-a);
  --color-bg-occurrence: var(--d-fc-a);
}
/* ----- Entity Relationship (ER) 实体关系图 ----- */
svg[aria-roledescription="er"] g .entityBox {
  fill: var(--pn-c) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 2 !important;
}
svg[aria-roledescription="er"] g:hover .entityBox {
  stroke: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription="er"] g > text.entityLabel:first-of-type {
  font-weight: bold !important;
}
svg[aria-roledescription="er"] g .attributeBoxOdd {
  fill: var(--d-fc-a) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
  opacity: 0.3 !important;
}
svg[aria-roledescription="er"] g .attributeBoxEven {
  fill: var(--d-fc-a) !important;
  stroke: var(--d-fc-a) !important;
  opacity: 0.2 !important;
}
svg[aria-roledescription="er"] .relationshipLabelBox {
  fill: var(--d-bc) !important;
  opacity: 1 !important;
}
svg[aria-roledescription="er"] :is(
    #ONLY_ONE_START>path,
    #ONLY_ONE_END>path,
    #ZERO_OR_ONE_START>path,
    #ZERO_OR_ONE_END>path,
    #ONE_OR_MORE_START>path,
    #ONE_OR_MORE_END>path,
    #ZERO_OR_MORE_START>path,
    #ZERO_OR_MORE_END>path,
    .relationshipLine) {
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="er"] :is(
    #ZERO_OR_ONE_START,
    #ZERO_OR_ONE_END,
    #ZERO_OR_MORE_START,
    #ZERO_OR_MORE_END) > circle {
  fill: var(--d-bc) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
/* ----- timeline 时间线图 ----- */
svg[aria-roledescription="timeline"] g > g[class*="section"] path {
  fill: var(--d-bc) !important;
}
svg[aria-roledescription="timeline"] g > g[class*="section"] line {
  stroke: var(--pn-c) !important;
}
svg[aria-roledescription="timeline"] g > g[class*="section"] text > tspan {
  fill: var(--d-fc-a) !important;
  font-style: italic !important;
}
svg[aria-roledescription="timeline"] .lineWrapper > line {
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription="timeline"] .taskWrapper > g[class*="section"] path {
  fill: var(--pn-c) !important;
}
svg[aria-roledescription="timeline"] .taskWrapper > g[class*="section"] line {
  stroke: var(--d-fc-a) !important;
  opacity: 0.5 !important;
}
svg[aria-roledescription="timeline"] .taskWrapper > g[class*="section"] text > tspan {
  font-weight: bold !important;
  font-style: normal !important;
}
svg[aria-roledescription="timeline"] .eventWrapper > g[class*="section"] path {
  fill: var(--d-fc-a) !important;
}
svg[aria-roledescription="timeline"] .eventWrapper > g[class*="section"] line {
  stroke: var(--d-fc) !important;
}
svg[aria-roledescription="timeline"] .eventWrapper > g[class*="section"] text > tspan {
  fill: var(--d-bc) !important;
  font-style: normal !important;
}
/* ----- Mindmap 思维导图 ----- */
svg[aria-roledescription="mindmap"] g .mindmap-node :is(rect, circle, path, polygon) {
  fill: var(--d-fc-a) !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node line {
  stroke: var(--d-fc) !important;
  stroke-width: 3px !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node text tspan {
  fill: var(--d-fc-lg) !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node.section-root :is(rect, circle, path, polygon) {
  fill: var(--d-fc) !important;
  stroke-width: 5px !important;
  stroke: var(--d-fc-a) !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node.section-root text tspan {
  fill: var(--d-bc) !important;
  font-weight: bold !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node {
  cursor: crosshair;
}
svg[aria-roledescription="mindmap"] g .mindmap-node:hover :is(rect, circle, path, polygon) {
  fill: var(--d-fc) !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node:hover text tspan {
  fill: var(--d-bc) !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node.section-root:hover :is(rect, circle, path, polygon) {
  fill: var(--d-bc) !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node.section-root:hover text tspan {
  fill: var(--d-fc) !important;
}
svg[aria-roledescription="mindmap"] g .section-0 :is(rect, circle, path, polygon) {
  fill: var(--ac-gd-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .section-edge-0 {
  stroke: var(--ac-gd-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .edge-depth-0 {
  opacity: 0.25 !important;
}
svg[aria-roledescription="mindmap"] g .section-1 :is(rect, circle, path, polygon) {
  fill: var(--ac-lm-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .section-edge-1 {
  stroke: var(--ac-lm-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .edge-depth-1 {
  opacity: 0.4 !important;
}
svg[aria-roledescription="mindmap"] g .section-2 :is(rect, circle, path, polygon) {
  fill: var(--ac-aq-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .section-edge-2 {
  stroke: var(--ac-aq-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .edge-depth-2 {
  opacity: 0.55 !important;
}
svg[aria-roledescription="mindmap"] g .section-3 :is(rect, circle, path, polygon) {
  fill: var(--ac-pk-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .section-edge-3 {
  stroke: var(--ac-pk-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .edge-depth-3 {
  opacity: 0.7 !important;
}
svg[aria-roledescription="mindmap"] g .section-4 :is(rect, circle, path, polygon) {
  fill: var(--ac-ye-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .section-edge-4 {
  stroke: var(--ac-ye-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .edge-depth-4 {
  opacity: 0.85 !important;
}
svg[aria-roledescription="mindmap"] g .section-5 :is(rect, circle, path, polygon) {
  fill: var(--ac-la-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .section-edge-5 {
  stroke: var(--ac-la-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .edge-depth-5 {
  opacity: 1 !important;
}
svg[aria-roledescription="mindmap"] g .section-6 :is(rect, circle, path, polygon) {
  fill: var(--ac-gy-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .section-edge-6 {
  stroke: var(--ac-gy-lg) !important;
}
svg[aria-roledescription="mindmap"] .mindmap-edges .edge-depth-6 {
  opacity: 1 !important;
}
svg[aria-roledescription="mindmap"] g .mindmap-node i[class*="node-icon"] {
  color: var(--d-bc) !important;
}
svg[aria-roledescription="mindmap"] g.mindmap-edges path {
  stroke: var(--d-fc-a) !important;
  opacity: 0.5 !important;
}
.v-mm-hide {
  visibility: hidden !important;
}
/* ----- requirement 需求图 ----- */
svg[aria-roledescription="requirement"] g > .reqBox {
  fill: var(--pn-c) !important;
  stroke: var(--d-fc-a) !important;
  stroke-width: 2 !important;
}
svg[aria-roledescription="requirement"] g > .req-title-line {
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="requirement"] g:hover > :is(.reqBox, .req-title-line) {
  stroke: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription="requirement"] g:hover > .reqLabel {
  cursor: crosshair;
}
svg[aria-roledescription="requirement"] g > text.reqLabel > tspan {
  fill: var(--d-fc-a) !important;
}
svg[aria-roledescription="requirement"] g > text.reqTitle > tspan {
  fill: var(--d-fc) !important;
  font-weight: bold !important;
}
svg[aria-roledescription="requirement"] g > text.reqTitle > tspan:first-child {
  fill: var(--d-fc-a) !important;
  font-weight: normal !important;
  font-size: 0.875em !important;
}
svg[aria-roledescription="requirement"] path.relationshipLine {
  stroke: var(--d-fc-a) !important;
  stroke-width: 1 !important;
}
svg[aria-roledescription="requirement"] rect.reqLabelBox {
  fill: var(--d-bc) !important;
}
svg[aria-roledescription="requirement"] .relationshipLabel:hover {
  fill: #0B72D9 !important;
  cursor: crosshair;
}
svg[aria-roledescription="requirement"] :is(#arrow_line_ending, #contains_line_ending) :is(circle, line, path) {
  stroke: var(--d-fc-a) !important;
}
/**************************************
* VLOOK 针对 Mermaid 增加
**************************************/
.v-mermaid-restyler {
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: -9px !important;
}
html {
  font-size: 1em;
}
body.typora-export #write::before {
  content: "Preparing VLOOK™ plugin ...\a\a正在准备 VLOOK™ 插件 ...";
  white-space: pre-wrap;
  padding-top: 4em;
  color: rgba(255, 255, 255, 0.5);
  background: #0B72D9;
  font: italic var(--v-f-w-bd) 2em/10 var(--v-f-fm-bd);
  line-height: 2 !important;
  text-align: center;
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 7000;
  animation: maybe-failed 500ms ease 60s 1 forwards;
}
@keyframes maybe-failed {
  100% {
    content: "Oops~!\a\aThe VLOOK™ plugin load failed, it may be due to network reasons, or the page was not exported in the correct way.\aPlease try refreshing the page later, or contact the publisher of the page.\a\aVLOOK™ 插件加载失败，可能是网络原因，或没有使用正确的方式导出页面。\a请稍后再刷新页面，或联系页面的发布者。\a\ahttps://madmaxchow.github.io/VLOOK/index.html";
    font-size: 1.5em;
    color: #FFFFFF;
    background: #5ABD3C;
  }
}
.v-load-done {
  display: block !important;
}
.v-load-done::before {
  display: none !important;
  font-style: normal;
  animation: none;
}
body {
  background: var(--d-bc) var(--d-bi);
  color: var(--d-fc);
  font: var(--v-f-w-text) 1em/1.5 var(--v-f-fm-text);
  caret-color: #5ABD3C;
  -webkit-tap-highlight-color: transparent;
}
body.typora-export {
  padding-left: 0;
  padding-right: 0;
}
body > *:first-child {
  margin-top: 0 !important;
}
body > *:last-child {
  margin-bottom: 0 !important;
}
body.freeze {
  overflow: hidden;
}
body.unfreeze {
  overflow: auto;
}
#write p > img,
content > #write p > .md-image:not(.md-img-error) img:not([src*="#line"]),
content > #write p > .md-image:not(.md-img-error) img:not([src*="#block"]),
.v-fig:not([aria-roledescription="zenuml"]),
.md-diagram-panel > .md-diagram-panel-preview > svg,
.md-diagram-panel > svg {
  border-radius: var(--v-r-b);
  padding: 0;
  border: 2px solid var(--pn-c);
  background-color: var(--fig-solid-bg);
}
content > #write .md-image {
  font-size: 16px;
}
content > #write p:has(>.md-image[data-src*="#left"]) {
  text-align: left;
}
content > #write .md-image[data-src*="#padding"] > img,
#write img[src*="#padding"],
#write svg[data-inject-url*="#padding"] {
  padding: 20px !important;
}
content > #write .md-image[data-src*="#inline"] > img,
#write img[src*="#inline"],
#write svg[data-inject-url*="#inline"] {
  margin-right: 20px !important;
  margin-bottom: 20px !important;
}
#write p :is(.md-image+.md-image, img+img, svg+svg, .v-caption+.v-caption) {
  margin-left: 20px !important;
  margin-bottom: 20px !important;
}
content > #write .md-image[data-src*="#line"] > img,
#write img[src*="#line"],
#write svg[data-inject-url*="#line"] {
  background: var(--v-fig-grid-l);
}
content > #write .md-image[data-src*="#block"] > img,
#write img[src*="#block"],
#write svg[data-inject-url*="#block"] {
  background: var(--v-fig-grid-b);
}
#write img[d-img-fill="text"],
#write img[d-img-fill="t1"],
#write img[d-img-fill="t2"] {
  left: -12345px;
  border-color: transparent;
  position: relative;
}
content > #write .md-image[data-src*="#icon"] > img,
#write img[src*="#icon"],
#write svg[data-inject-url*="#icon"] {
  display: inline !important;
  height: 1.25em;
  margin-top: -0.25em !important;
  vertical-align: middle;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
}
#write svg[data-inject-url*="#icon"] {
  height: 1em;
  width: auto;
}
content > #write .md-image[data-src*="#icon0"] > img,
#write img[src*="#icon0"],
#write svg[data-inject-url*="#icon0"] {
  height: auto;
  margin-top: -0.1em !important;
}
content > #write .md-image[data-src*="#icon2x"] > img,
#write img[src*="#icon2x"],
#write svg[data-inject-url*="#icon2x"] {
  height: 2em;
}
content > #write .md-image[data-src*="#logo"] > img,
#write img[src*="#logo"],
#write svg[data-inject-url*="#logo"] {
  display: inline !important;
  vertical-align: middle;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
}
content > #write .md-image[data-src*="#logol"],
#write img[src*="#logol"],
#write svg[data-inject-url*="#logol"] {
  float: left !important;
  padding: 0 20px 0 0;
}
content > #write .md-image[data-src*="#logor"],
#write img[src*="#logor"],
#write svg[data-inject-url*="#logor"] {
  float: right !important;
  padding: 0 0 0 20px;
}
content > #write .md-image[data-src*="#card"] > img,
#write img[src*="#card"],
#write svg[data-inject-url*="#card"] {
  border: none !important;
  border-bottom: 0.25em solid #0B72D9 !important;
  border-radius: var(--v-r-b) var(--v-r-b) 0 0 !important;
  background: none !important;
}
content > #write .md-image[data-src*="#cardd"] > img,
#write img[src*="#cardd"],
#write svg[data-inject-url*="#cardd"] {
  border: none !important;
}
content > #write .md-image[data-src*="#card"][data-src*="#border"] > img,
#write img[src*="#card"][src*="#border"],
#write svg[data-inject-url*="#card"][data-inject-url*="#border"] {
  padding: 2px !important;
}
#write blockquote img[src*="#card"],
#write blockquote svg[data-inject-url*="#card"] {
  width: 100%;
}
#write blockquote img[src*="#cardd"] + .v-post-card,
#write blockquote svg[data-inject-url*="#cardd"] + .v-post-card {
  display: block !important;
  position: initial !important;
  box-shadow: none !important;
  border-radius: 0 0 var(--v-r-b) var(--v-r-b) !important;
  transform: none;
}
content > #write .md-image[data-src*="#frame"] > img,
#write img[src*="#frame"],
#write svg[data-inject-url*="#frame"] {
  display: inline !important;
  vertical-align: middle;
  background: none !important;
  margin-bottom: 20px !important;
  border: 2px solid var(--pn-c) !important;
  border-radius: var(--v-r-b) !important;
}
content > #write .md-image[data-src*="#framel"] > img,
#write img[src*="#framel"],
#write svg[data-inject-url*="#framel"] {
  float: left !important;
  padding: 0 20px 0 0;
}
content > #write .md-image[data-src*="#framer"] > img,
#write img[src*="#framer"],
#write svg[data-inject-url*="#framer"] {
  float: right !important;
  padding: 0 0 0 20px;
}
content > #write .md-image[data-src*="#200w"] > img,
#write img[src*="#200w"],
#write svg[data-inject-url*="#200w"] {
  width: 200px;
}
content > #write .md-image[data-src*="#400w"] > img,
#write img[src*="#400w"],
#write svg[data-inject-url*="#400w"] {
  width: 400px;
}
content > #write .md-image[data-src*="#600w"] > img,
#write img[src*="#600w"],
#write svg[data-inject-url*="#600w"] {
  width: 600px;
}
content > #write .md-image[data-src*="#800w"] > img,
#write img[src*="#800w"],
#write svg[data-inject-url*="#800w"] {
  width: 800px;
}
content > #write .md-image[data-src*="#200h"] > img,
#write img[src*="#200h"],
#write svg[data-inject-url*="#200h"] {
  vertical-align: top;
  height: 200px;
}
content > #write .md-image[data-src*="#400h"] > img,
#write img[src*="#400h"],
#write svg[data-inject-url*="#400h"] {
  vertical-align: top;
  height: 400px;
}
content > #write .md-image[data-src*="#600h"] > img,
#write img[src*="#600h"],
#write svg[data-inject-url*="#600h"] {
  vertical-align: top;
  height: 600px;
}
content > #write .md-image[data-src*="#800h"] > img,
#write img[src*="#800h"],
#write svg[data-inject-url*="#800h"] {
  vertical-align: top;
  height: 800px;
}
#write p > img:only-child,
content > #write p > .md-image:only-child:not(.md-img-error) > img,
content > #write p > .md-image:only-child[data-src*="#left"]:not(.md-img-error) > img,
#write p > img:only-child[src*="#left"],
#write p > svg[data-inject-url*="#left"],
content > #write p > .md-image:only-child:not(.md-img-error) > img[src*="#left"],
content > #write p > .md-image:only-child:not(.md-img-error) > svg[data-inject-url*="#left"] {
  display: inline-block !important;
  margin: 0 !important;
}
content > #write p > .md-image:only-child[data-src*="#center"]:not(.md-img-error) > img,
#write p > img[src*="#center"],
#write p > svg[data-inject-url*="#center"],
content > #write p > .md-image:only-child:not(.md-img-error) > img[src*="#center"],
content > #write p > .md-image:only-child:not(.md-img-error) > svg[data-inject-url*="#center"] {
  display: block !important;
  margin: auto !important;
}
content > #write p > .md-image:only-child[data-src*="#right"]:not(.md-img-error) > img,
#write p > img[src*="#right"],
#write p > svg[data-inject-url*="#right"],
content > #write p > .md-image:only-child:not(.md-img-error) > img[src*="#right"],
content > #write p > .md-image:only-child:not(.md-img-error) > svg[data-inject-url*="#right"] {
  display: block !important;
  margin: auto !important;
  margin-right: 0 !important;
}
#write audio {
  margin: 0 10px 0 10px;
  border-radius: var(--v-r-s);
}
#write sup.md-footnote {
  background: none;
  padding: 0;
  margin-left: 0.2em;
  margin-right: 0.2em;
  cursor: var(--cur-pointer);
}
content > #write sup.md-footnote span[md-inline="plain"],
#write :is(sup.md-footnote, .v-q sup.md-footnote) > a {
  color: var(--d-bc) !important;
  background: var(--d-fc) !important;
  border-radius: var(--v-r-b);
  font: var(--v-f-w-bd) 10px var(--v-f-fm-bd);
  padding: 0 5px;
  margin: 0;
  text-decoration: none;
  box-shadow: none;
  text-shadow: none;
  border-bottom: none;
}
#write sup.md-footnote > a:hover {
  background: var(--d-fc-a) !important;
  box-shadow: none !important;
}
.footnote-line > a:not(.reversefootnote) {
  color: var(--d-fc);
  text-decoration: none;
}
#write a kbd {
  color: #FFFFFF;
  caret-color: #FFFFFF;
  font: var(--v-f-w-bd) 0.875em/1.5 var(--v-f-fm-key) !important;
  background: #0B72D9;
  margin: 5px 0;
  border: none;
  border-radius: var(--v-r-b);
  display: inline-block;
  box-shadow: 0 3px #074c90;
  text-shadow: none;
  padding: 3px 8px;
}
#write :is(a, .v-q a, .v-q .v-q a) kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write a kbd:active {
  background: #6e9861 !important;
  margin-top: 8px;
  margin-bottom: 2px;
  box-shadow: none !important;
  transition: none !important;
}
#write :is(blockquote, details) a kbd {
  border-radius: var(--v-r-s);
  padding: 2px 8px;
}
a,
a img,
img a,
summary,
.v-status-bar > *,
.v-font-theme-opt > *,
.v-link-chk-result,
.v-tbl-row-g-btn,
.v-copyright-svg-ico,
.v-segment-btn,
.v-toc-item,
.md-toc-item,
.v-btn,
.v-audio-mini-control,
.v-chapter-nav-prev,
.v-chapter-nav-doc-title,
.v-chapter-nav-current,
.v-chapter-nav-next,
.v-accent-btn,
.v-textfield-action.hover,
.v-textfield-reset,
.v-fig-nav-btns,
.v-btn-close-figure-nav,
.v-pip-btn,
.v-doc-lib-item,
.v-interactive,
.v-cap-cntr.expander::before,
rt:hover {
  cursor: var(--cur-pointer);
}
#write blockquote > p:first-child > :is(strong, span[md-inline="strong"]):only-child {
  display: block;
  font-size: 1.25em;
  text-align: center;
  border-bottom: 1px solid var(--ac-bk-fade);
  padding: 0 0 0.3125em 0;
  margin-bottom: 0.3125em;
}
content > #write blockquote > p:first-child > :is(strong, span[md-inline="strong"]):only-child {
  color: var(--h-f);
}
#write :is(h1,h2,h3,h4,h5,h6) a {
  font-weight: inherit;
}
#write a,
body.typora-export a,
.code-tooltip a {
  color: var(--a-color);
  text-decoration: none;
}
#write a:hover,
body.typora-export a:hover,
.code-tooltip a:hover {
  color: #5ABD3C !important;
  box-shadow: 0 -0.3em 0 0 rgba(90, 189, 60, 0.3) inset;
}
#write img[src*="darksrc=invert"],
#write svg[data-inject-url*="darksrc=invert"] {
  filter: var(--v-invert-dark);
  border-color: var(--img-bd-invert) !important;
  background-color: var(--fig-solid-bg);
}
content > #write .md-image[data-inject-url*="darksrc=invert"].md-image[data-src*="#line"] > img,
#write img[src*="darksrc=invert"][src*="#line"],
#write svg[data-inject-url*="darksrc=invert"][data-inject-url*="#line"] {
  background: var(--v-fig-grid-l-invert);
}
content > #write .md-image[data-inject-url*="darksrc=invert"].md-image[data-src*="#block"] > img,
#write img[src*="darksrc=invert"][src*="#block"],
#write svg[data-inject-url*="darksrc=invert"],
[data-inject-url*="#block"] {
  background: var(--v-fig-grid-b-invert);
}
#write a:hover :is(img, svg) {
  filter: brightness(90%);
  box-shadow: none;
}
#write a:hover :is(
img[src*="darksrc=invert"],
svg[data-inject-url*="darksrc=invert"]) {
  filter: var(--v-invert-dark) brightness(90%);
  box-shadow: none;
}
#write a:hover :is(
img[d-img-fill="text"],
img[d-img-fill="t1"],
img[d-img-fill="t2"]) {
  left: -12345px;
  filter: drop-shadow(12345px 0px #5ABD3C) !important;
  position: relative;
}
#write a:hover kbd :is(
img[d-img-fill="text"],
kbd img[d-img-fill="t1"],
kbd img[d-img-fill="t2"]) {
  filter: drop-shadow(12345px 0px #FFFFFF) !important;
}
#write a:hover kbd svg[d-img-fill] :is(path, rect, ellipse, polygon) {
  fill: #FFFFFF !important;
}
#write a:active :is(img, svg) {
  filter: brightness(0.8);
}
:is(#write, body.typora-export) a:active {
  color: var(--d-fc) !important;
  background-color: var(--pn-c);
  transition: none;
}
#write :is(a[class*="md-toc-inner"], a[href^="#"]) {
  cursor: var(--cur-inner);
}
#write a[href*=".md"] {
  cursor: var(--cur-md);
}
#write a[href*="target=vdl"],
#write a[target="vdl"] {
  cursor: var(--cur-doclib);
}
#write a[href^="http://"] {
  cursor: var(--cur-http);
}
#write a[href^="https://"] {
  cursor: var(--cur-https);
}
#write a[href^="mailto:"] {
  cursor: var(--cur-email);
}
#write :is(a[href$=".pdf"], a[href$=".PDF"],
a[href$=".doc"], a[href$=".DOC"],
a[href$=".docx"], a[href$=".DOCX"],
a[href$=".xls"], a[href$=".XLS"],
a[href$=".xlsx"], a[href$=".XLSX"],
a[href$=".ppt"], a[href$=".PPT"],
a[href$=".pptx"], a[href$=".PPTX"],
a[href$=".txt"], a[href$=".TXT"],
a[href$=".csv"],
a[href$=".CSV"]) {
  cursor: var(--cur-docment);
}
#write :is(a[href$=".zip"],
a[href$=".rar"],
a[href$=".7z"],
a[href$=".gz"],
a[href$=".tar"],
a[href$=".dmg"],
a[href$=".cab"]) {
  cursor: var(--cur-archive);
}
#write :is(a[href$=".exe"], a[href$=".sh"]) {
  cursor: var(--cur-risk);
}
#write :is(h1,h2,h3,h4,h5,h6) {
  color: var(--h-f);
  text-align: center;
  position: relative;
  margin: 1em 0 0 0;
  padding: 5px 0;
  line-height: 1.5;
  font: var(--v-f-w-title) 1em var(--v-f-fm-h);
  border-radius: var(--v-r-b);
  letter-spacing: 0;
}
#write h1:not(:last-child) > span,
#write > pre.md-meta-block:first-child + h6 ~ h1:not(:last-child) > span,
#write > h6:first-child ~ h1:not(:last-child) > span {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
}
#write h2 > span {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
}
#write h3 > span {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
}
#write h4 > span {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
}
#write h5 > span {
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: var(--h-f);
}
#write :is(h1,h2,h3,h4,h5,h6) code {
  font-size: 0.75em;
}
.v-grad-base {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#write h1 {
  color: var(--h-f);
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  padding: 5px 0;
  margin: 3em 0 5px 0;
  font-size: 1.75em;
  box-shadow: none;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  text-align: center;
  border-radius: var(--v-r-b);
  border-left: 10px solid var(--h-box-shadow);
  border-right: 10px solid var(--h-box-shadow);
  border-top: 0;
  border-bottom: 0;
}
#write h2 {
  color: var(--h-f);
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  padding: 5px 0;
  margin: 3em 0 5px 0;
  font-size: 1.625em;
  box-shadow: none;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  text-align: center;
  border-radius: var(--v-r-b);
  border-left: 10px solid var(--h-box-shadow);
  border-right: 10px solid var(--h-box-shadow);
  border-top: 0;
  border-bottom: 0;
}
#write h1 + h2 {
  box-shadow: none;
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  margin-top: -5px;
  border-top: 0;
}
#write h3 {
  color: var(--h-f);
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  padding: 5px 0;
  margin: 2em 0 5px 0;
  font-size: 1.5em;
  box-shadow: none;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  text-align: center;
  border-radius: var(--v-r-b);
  border-left: 10px solid var(--h-box-shadow);
  border-right: 10px solid var(--h-box-shadow);
  border-top: 0;
  border-bottom: 0;
}
#write h2 + h3 {
  box-shadow: none;
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  margin-top: -5px;
  border-top: 0;
}
#write h4 {
  color: var(--h-f);
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  padding: 5px 0;
  margin: 2em 0 5px 0;
  font-size: 1.375em;
  box-shadow: none;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  text-align: center;
  border-radius: var(--v-r-b);
  border-left: 10px solid var(--h-box-shadow);
  border-right: 10px solid var(--h-box-shadow);
  border-top: 0;
  border-bottom: 0;
}
#write h3 + h4 {
  box-shadow: none;
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  margin-top: -5px;
  border-top: 0;
}
#write h5 {
  color: var(--h-f);
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  padding: 5px 0;
  margin: 1.25em 0 5px 0;
  font-size: 1.25em;
  box-shadow: none;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  text-align: center;
  border-radius: var(--v-r-b);
  border-left: 10px solid var(--h-box-shadow);
  border-right: 10px solid var(--h-box-shadow);
  border-top: 0;
  border-bottom: 0;
}
#write h4 + h5 {
  box-shadow: none;
  background: linear-gradient(90deg, var(--h-bg-end), var(--h-bg-start), var(--h-bg-end));
  margin-top: -5px;
  border-top: 0;
}
#write h6 {
  color: var(--h-f);
  margin-bottom: 0;
  padding-left: 0;
  font: var(--v-f-w-bd) 1.125em var(--v-f-fm-subtitle);
  box-shadow: none;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  text-align: center;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0;
  background: none;
}
#write > pre.md-meta-block:first-child + h6::after,
#write > h6:first-child::after,
#write > pre.md-meta-block:first-child + h6 ~ h1:last-child,
#write > h6:first-child ~ h1:last-child::after,
#write :is(blockquote, details) h6::after {
  margin-left: 0;
  padding-bottom: 0;
  border: none;
}
#write :is(
h1+h6,
h2+h6,
h3+h6,
h4+h6,
h5+h6,
h6+h6) {
  margin-top: 0;
  padding-top: 0;
}
#write li > h6 {
  color: var(--h-f);
  border-left: 0;
  padding-left: 0;
}
:is(body.typora-export, #write) strong {
  font: var(--v-f-w-bd) 1em var(--v-f-fm-bd);
}
:is(body.typora-export, #write) strong a {
  font-weight: var(--v-f-w-bd);
}
#write hr {
  margin-top: 1em;
  margin-bottom: 1em;
  border: 2px solid var(--ac-bk-fade);
  overflow: hidden;
  box-sizing: content-box;
  border-top: 0;
}
body > div > h1:first-of-type {
  border-top: 0;
}
body > h2:first-child {
  margin-top: 0;
  padding-top: 0;
}
body > h1:first-child {
  margin-top: 0;
  padding-top: 0;
}
body > h1:first-child + h2 {
  margin-top: 0;
  padding-top: 0;
}
body > :is(
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child) {
  margin-top: 0;
  padding-top: 0;
}
#write a:first-child > :is(h1,h2,h3,h4,h5,h6) {
  margin-top: 0;
  padding-top: 0;
}
#write .v-post-card {
  color: #FFFFFF;
  background: #0B72D9;
  position: absolute;
  display: none;
  overflow: hidden;
  padding: 10px 20px;
  border-radius: var(--v-r-b) var(--v-r-b) 0 0;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
}
#write .v-post-card > .v-card-title {
  font-weight: var(--v-f-w-title);
  font-size: 1.25em;
  padding: 0 0 10px 0;
}
#write .v-post-card > .v-card-text p {
  margin-top: 0;
}
#write figure {
  padding-bottom: 1px;
  margin-top: 0.75em;
  margin-bottom: 8px;
  border-radius: var(--v-r-b);
}
body.typora-export #write figure,
body.typora-export #write figcaption {
  position: relative;
}
.md-diagram-panel {
  padding-bottom: 8px;
}
#write ::marker,
#write li::before {
  font-family: var(--v-f-fm-num);
  color: var(--h-f);
  margin-left: 5px;
}
#write :is(ul,ol) {
  padding-left: 1.5em;
  padding-bottom: 0;
  margin-top: 0.625em;
}
#write > p {
  margin-top: 0.75em;
}
#write p,
#write li {
  margin-top: 0.75em;
  margin-bottom: 0;
  word-break: normal;
  word-wrap: break-word;
}
#write :is(blockquote, details) > p:first-child,
#write :is(blockquote, details) > ol:first-child,
#write :is(blockquote, details) > ul:first-child,
#write :is(blockquote, details) > ol:first-child > li:first-child,
#write :is(blockquote, details) > ul:first-child > li:first-child,
#write :is(blockquote, details) > ol:first-child > li:first-child > p,
#write :is(blockquote, details) > ul:first-child > li:first-child > p {
  margin-top: 0 !important;
}
#write ol > li {
  list-style-type: decimal;
}
#write ol > li > ol > li {
  list-style-type: lower-alpha;
}
#write ol > li > ol > li > ol > li {
  list-style-type: lower-roman;
}
#write ol > li > ol > li > ol > li > ol > li {
  list-style-type: decimal-leading-zero;
}
#write ol > li > ol > li > ol > li > ol > li > ol > li {
  list-style-type: upper-alpha;
}
#write ol > li > ol > li > ol > li > ol > li > ol > li > ol > li {
  list-style-type: upper-roman;
}
#write ul > li {
  list-style-type: disc;
}
#write ul > li > ul > li {
  list-style-type: square;
}
#write ul > li > ul > li > ul > li {
  list-style-type: circle;
}
#write ul > li > ul > li > ul > li > ul > li {
  list-style-type: disc;
}
#write ul > li > ul > li > ul > li > ul > li > ul > li {
  list-style-type: square;
}
#write ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
  list-style-type: circle;
}
#write :is(ol>li>ol>li, ul>li>ul>li)::before {
  color: var(--ac-t2-lg) !important;
}
#write :is(blockquote, details)[d-quote-group] + figcaption {
  margin-top: 1em;
}
#write > :is(blockquote, details),
#write > :is(blockquote, details) :is(blockquote, details),
#write .md-alert :is(blockquote, details),
body:not([class]) blockquote {
  color: var(--d-fc);
  background: var(--ac-t1-fade);
  border-left: 0;
  border-radius: var(--v-r-b);
  padding: 0.75em;
  margin-top: 0.75em;
  margin-bottom: 0;
}
details[open] > summary {
  border-bottom: 1px solid var(--ac-bk-fade);
  padding-bottom: 0.3125em;
  margin-bottom: 0.3125em;
}
summary {
  font: var(--v-f-w-title) 1.125em var(--v-f-fm-title);
}
details[open] > summary:hover,
summary:hover {
  color: var(--d-fc) !important;
}
summary:hover > svg[d-img-fill="text"] > :is(circle, polygon, path, rect) {
  fill: var(--d-fc) !important;
}
summary::marker {
  display: none;
  font-size: 0;
}
summary::-webkit-details-marker {
  display: none;
}
summary::-moz-list-bullet {
  font-size: 0;
}
content > #write blockquote > h6:first-child {
  color: var(--ac-t1);
}
content > #write blockquote > h6:first-child::before {
  content: "×" !important;
  color: var(--d-fc);
  background-color: var(--d-fc-a);
  position: relative;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  line-height: 0.875;
  font-size: 1.2em;
  margin-right: 5px;
}
content > #write blockquote > h6:first-child::after {
  content: "Folded Below / 以下会被折叠";
  text-transform: uppercase;
  font: italic normal 10px/1 var(--v-f-fm-bd);
  position: absolute;
  display: block;
  margin: 9px 0 0 0;
  color: var(--d-fc);
  opacity: 0.6;
}
summary::before {
  content: "";
  position: relative;
  display: inline-block;
  width: var(--v-summary-w);
}
content > #write .md-hr + blockquote::before {
  background: linear-gradient(90deg, transparent, transparent 5%, var(--d-bc) 15%, var(--d-bc) 85%, transparent 95%, transparent);
  color: var(--d-fc-a);
  font: italic normal 10px/1 var(--v-f-fm-bd);
  text-transform: uppercase;
  text-align: center;
  white-space: pre;
  padding: 0 0.75em;
  margin-left: -1.3em;
  position: absolute;
  width: auto;
  left: 33px;
  right: 20px;
  opacity: 1;
  pointer-events: none;
}
content > #write .md-hr + blockquote .md-hr + blockquote::before {
  background: linear-gradient(90deg, transparent 5%, var(--d-bc) 10%, var(--d-bc) 90%, transparent);
  right: unset;
}
content > #write .md-hr + blockquote::before {
  content: "    ⬛︎ ⬛︎  2 Columns of Quote / 双栏引用块  ⬛︎ ⬛︎    ";
  margin-top: -5em;
  line-height: 2em;
}
content > #write .md-hr + blockquote:has(.md-image[data-src*="#card"])::before {
  margin-top: -3.6em;
}
content > #write .md-hr + .md-hr + blockquote::before {
  content: "    ⬛︎ ⬛︎ ⬛︎  3 Columns of Quote / 三栏引用块  ⬛︎ ⬛︎ ⬛︎    ";
  margin-top: -5.2em;
  line-height: 2em;
}
content > #write .md-hr + .md-hr + blockquote:has(.md-image[data-src*="#card"])::before {
  margin-top: -4em;
}
content > #write .md-hr + .md-hr + .md-hr + blockquote::before {
  content: "    ⬛︎ ⬛︎ ⬛︎ ⬛︎  4 Columns of Quote / 四栏引用块  ⬛︎ ⬛︎ ⬛︎ ⬛︎    ";
  margin-top: -6em;
  line-height: 3em;
}
content > #write .md-hr + .md-hr + .md-hr + blockquote:has(.md-image[data-src*="#card"])::before {
  margin-top: -4.8em;
}
#write :is(hr, .md-hr) + :is(blockquote, details),
#write :is(hr, .md-hr) + :is(blockquote, details) + :is(blockquote, details) {
  color: var(--d-fc);
  display: inline-block !important;
  max-width: 49% !important;
  min-width: 49% !important;
  vertical-align: top;
}
#write :is(hr, .md-hr) + :is(blockquote, details) + :is(blockquote, details) {
  margin-left: 2% !important;
}
#write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details),
#write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
#write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
  color: var(--d-fc);
  display: inline-block !important;
  max-width: 32% !important;
  min-width: 32% !important;
  vertical-align: top;
}
#write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
#write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
  margin-left: 2% !important;
}
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
  color: var(--d-fc);
  display: inline-block !important;
  max-width: 23.5% !important;
  min-width: 23.5% !important;
  vertical-align: top;
}
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
  margin-left: 2% !important;
}
#write :is(blockquote, details) > :is(hr, .md-hr) + :is(blockquote, details),
#write :is(blockquote, details) > :is(hr, .md-hr) + :is(blockquote, details) + :is(blockquote, details),
#write :is(blockquote, details) > :is(hr, .md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
#write :is(blockquote, details) > :is(hr, .md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
  border: none;
  background: var(--d-bc) !important;
  border-radius: var(--v-r-s);
  padding: 0.75em 1em;
  margin-top: 0.75em;
}
#write blockquote h6 {
  padding: 0;
  margin-top: 0;
  color: var(--d-fc);
  font-size: 1.125em;
}
#write blockquote h6 a {
  margin-left: -0.1em;
}
#write blockquote h6::before {
  content: "" !important;
  margin-left: 0 !important;
}
.CodeMirror-scroll {
  border-radius: var(--v-r-t);
}
.CodeMirror-sizer {
  background: var(--d-bc);
}
.CodeMirror pre {
  padding: 0 10px;
}
.CodeMirror-line.unwrap {
  white-space: pre;
  overflow-y: auto;
}
.CodeMirror-line:hover {
  background-color: var(--ac-t1-fade);
}
.CodeMirror.cm-s-inner {
  border-radius: 0 0 var(--v-r-t) var(--v-r-t);
  background: var(--d-bc);
  padding: 2px 0;
}
body.typora-export > #write .md-fences,
body.typora-export > .CodeMirror.cm-s-inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.CodeMirror div.CodeMirror-cursor {
  border-left: 2px solid var(--cm-CodeMirror-cursor);
}
.CodeMirror-gutters {
  border-width: 0;
  border-right: 1px solid var(--pn-c);
  height: 100% !important;
}
.CodeMirror-linenumber {
  color: var(--d-fc-a);
  font-family: var(--v-f-fm-num);
  min-width: fit-content !important;
}
.CodeMirror-focused .CodeMirror-activeline-gutter > .CodeMirror-linenumber {
  color: var(--h-f) !important;
  font-weight: var(--v-f-w-bd);
}
.cm-s-inner :is(.cm-variable, .cm-operator, .cm-property) {
  color: var(--cm-variable);
}
.cm-s-inner .cm-variable-2 {
  color: var(--cm-variable-2);
}
.cm-s-inner .cm-variable-3 {
  color: var(--cm-variable-3);
}
.cm-s-inner .cm-keyword {
  color: var(--cm-keyword);
}
.cm-s-inner .cm-tag {
  color: var(--cm-tag);
}
.cm-s-inner .cm-attribute {
  color: var(--cm-attribute);
}
.cm-s-inner .cm-string {
  color: var(--cm-string);
}
.cm-s-inner .cm-string-2 {
  color: var(--cm-string-2);
}
.cm-s-inner .cm-comment,
.cm-s-inner.cm-comment {
  color: var(--cm-comment);
}
.cm-s-inner :is(.cm-header, .cm-def),
.cm-s-inner.cm-header,
.cm-s-inner.cm-def {
  color: var(--cm-header);
}
.cm-s-inner .cm-quote,
.cm-s-inner.cm-quote {
  color: var(--cm-quote);
}
.cm-s-inner .cm-hr {
  color: var(--cm-hr);
}
.cm-s-inner .cm-link {
  color: var(--cm-link);
  text-decoration: none;
  border-bottom: 1px solid var(--cm-link);
}
.cm-s-inner .cm-negative {
  color: var(--cm-negative);
}
.cm-s-inner .cm-positive {
  color: var(--cm-positive);
}
.cm-s-inner :is(.cm-meta, .cm-qualifier) {
  color: var(--cm-meta);
}
.cm-s-inner .cm-builtin {
  color: var(--cm-bulidin);
}
.cm-s-inner .cm-bracket {
  color: var(--cm-bracket);
}
.cm-s-inner .cm-atom,
.cm-s-inner.cm-atom {
  color: var(--cm-atom);
}
.cm-s-inner .cm-number {
  color: var(--cm-number);
}
#write .md-fences {
  padding: 0;
  border-radius: var(--v-r-b);
  width: 100%;
}
#write .md-fences .CodeMirror-lines {
  background: var(--c-blk-bg);
  background-size: auto;
  background-repeat: inherit;
  background-position: inherit;
}
#write .md-fences:not([class*="md-diagram"]) {
  border-color: var(--d-fc);
}
content > #write .md-fences:not([class*="md-diagram"])::before {
  content: attr(lang) " ";
  text-transform: uppercase;
  white-space: pre-wrap;
  background-image: var(--v-i-sys-menu);
  background-repeat: no-repeat;
  background-position: 7px center;
  padding: 4px 4px 4px 70px;
  color: var(--d-bc);
  opacity: 0.6;
  font-family: var(--v-f-fm-bd);
  font-weight: bold;
  font-size: 0.875em;
  width: 100%;
  display: block;
  border-radius: var(--v-r-t) var(--v-r-t) 0 0;
}
#write :is(hr, .md-hr) + ul,
#write :is(hr, .md-hr) + ol {
  text-align: center;
  padding-left: 0 !important;
}
#write :is(hr, .md-hr) + ul > li,
#write :is(hr, .md-hr) + ol > li {
  text-align: left;
  box-shadow: 0 0 0 2px var(--std-code-shadow) inset;
  border-radius: var(--v-r-b);
  margin-top: 1em !important;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  list-style: none;
}
#write :is(hr, .md-hr) + ul > li > p:first-of-type,
#write :is(hr, .md-hr) + ol > li > p:first-of-type {
  font: var(--v-f-w-bd) 1em var(--v-f-fm-bd);
  color: var(--d-fc);
  background: var(--std-code-shadow);
  padding: 5px;
  border-radius: var(--v-r-t) var(--v-r-t) 0 0;
  text-align: center;
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  width: auto;
}
#write :is(hr, .md-hr) + ul > li > p:first-of-type .md-link .md-url {
  color: var(--a-color);
}
#write :is(hr, .md-hr) + ul > li:hover > p:first-of-type,
#write :is(hr, .md-hr) + ol > li:hover > p:first-of-type {
  background: var(--d-fc-a) !important;
}
#write :is(hr, .md-hr) + ul > li:hover,
#write :is(hr, .md-hr) + ol > li:hover {
  box-shadow: 0 0 0 2px var(--d-fc-a) inset;
}
content > #write .md-hr + ul::before,
content > #write .md-hr + ol::before {
  background: linear-gradient(90deg, transparent, transparent 5%, var(--d-bc) 15%, var(--d-bc) 85%, transparent 95%, transparent);
  color: var(--d-fc-a);
  font: italic normal 10px/1 var(--v-f-fm-bd);
  text-transform: uppercase;
  text-align: center;
  white-space: pre;
  padding: 0 10px;
  margin-left: 0;
  position: absolute;
  width: auto;
  left: 0;
  right: 0;
  opacity: 1;
  pointer-events: none;
}
content > #write .md-hr + :is(ul, ol)::before {
  content: "⬛︎ ⬛︎  2 Columns of List / 双栏列表  ⬛︎ ⬛︎";
  margin-top: -2.8em;
  line-height: 2em;
}
content > #write .md-hr + .md-hr + :is(ul, ol)::before {
  content: "⬛︎ ⬛︎ ⬛︎  3 Columns of List / 三栏列表  ⬛︎ ⬛︎ ⬛︎";
  margin-top: -3em;
  line-height: 2em;
}
content > #write .md-hr + .md-hr + .md-hr + :is(ul, ol)::before {
  content: "⬛︎ ⬛︎ ⬛︎ ⬛︎  4 Columns of List / 四栏列表  ⬛︎ ⬛︎ ⬛︎ ⬛︎ ";
  margin-top: -3.4em;
  line-height: 2.2em;
}
content > #write .md-hr + .md-hr + .md-hr + .md-hr + :is(ul, ol)::before {
  content: "⬛︎ ⬛︎ ⬛︎ ⬛︎ ⬛︎  5 Columns of List / 五栏列表  ⬛︎ ⬛︎ ⬛︎ ⬛︎ ⬛︎";
  margin-top: -4.1em;
  line-height: 3em;
}
#write :is(hr, .md-hr) + ul > li,
#write :is(hr, .md-hr) + ul > li + li,
#write :is(hr, .md-hr) + ol > li,
#write :is(hr, .md-hr) + ol > li + li {
  display: inline-block !important;
  vertical-align: top;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 49% !important;
  min-width: 49% !important;
}
#write :is(hr, .md-hr) + ul > li + li,
#write :is(hr, .md-hr) + ol > li + li {
  margin-left: 2% !important;
}
#write :is(hr, .md-hr) + ul > li:nth-of-type(2n+1),
#write :is(hr, .md-hr) + ol > li:nth-of-type(2n+1) {
  margin-left: 0 !important;
}
#write :is(hr, .md-hr) + ul ol > li,
#write :is(hr, .md-hr) + ol ol > li {
  margin-left: 0.5em !important;
}
#write :is(hr+hr, .md-hr+.md-hr) + ul > li,
#write :is(hr+hr, .md-hr+.md-hr) + ul > li + li,
#write :is(hr+hr, .md-hr+.md-hr) + ul > li + li + li,
#write :is(hr+hr, .md-hr+.md-hr) + ol > li,
#write :is(hr+hr, .md-hr+.md-hr) + ol > li + li,
#write :is(hr+hr, .md-hr+.md-hr) + ol > li + li + li {
  display: inline-block !important;
  vertical-align: top;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 32% !important;
  min-width: 32% !important;
}
#write :is(hr+hr, .md-hr+.md-hr) + ul > li + li,
#write :is(hr+hr, .md-hr+.md-hr) + ul > li + li + li,
#write :is(hr+hr, .md-hr+.md-hr) + ol > li + li,
#write :is(hr+hr, .md-hr+.md-hr) + ol > li + li + li {
  margin-left: 2% !important;
}
#write :is(hr+hr, .md-hr+.md-hr) + ul > li + li:nth-of-type(3n+1),
#write :is(hr+hr, .md-hr+.md-hr) + ul > li + li + li:nth-of-type(3n+1),
#write :is(hr+hr, .md-hr+.md-hr) + ol > li + li:nth-of-type(3n+1),
#write :is(hr+hr, .md-hr+.md-hr) + ol > li + li + li:nth-of-type(3n+1) {
  margin-left: 0 !important;
}
#write :is(hr+hr, .md-hr+.md-hr) + ul ol > li,
#write :is(hr+hr, .md-hr+.md-hr) + ol ol > li {
  margin-left: 0.5em !important;
}
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li {
  display: inline-block !important;
  vertical-align: top;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 23.5% !important;
  min-width: 23.5% !important;
}
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li {
  margin-left: 2% !important;
}
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li:nth-of-type(4n+1),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li:nth-of-type(4n+1),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li:nth-of-type(4n+1),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li:nth-of-type(4n+1),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li:nth-of-type(4n+1),
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li:nth-of-type(4n+1) {
  margin-left: 0 !important;
}
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul ol > li,
#write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol ol > li {
  margin-left: 0.5em !important;
}
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li {
  display: inline-block !important;
  vertical-align: top;
  max-width: 19.2% !important;
  min-width: 19.2% !important;
}
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li {
  margin-left: 1% !important;
}
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li:nth-of-type(5n+1),
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li:nth-of-type(5n+1),
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li:nth-of-type(5n+1),
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li:nth-of-type(5n+1),
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li:nth-of-type(5n+1),
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li:nth-of-type(5n+1),
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li:nth-of-type(5n+1),
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li:nth-of-type(5n+1) {
  margin-left: 0 !important;
}
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul ol > li,
#write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol ol > li {
  margin-left: 0.5em !important;
}
#write :is(blockquote, li) > blockquote,
#write :is(blockquote, details) > details {
  border-left: 0.25em solid rgba(136, 139, 143, 0.2);
  background: none;
  border-radius: 0;
  padding: 0 0.5em;
}
#write :is(blockquote, details) > :is(blockquote, details):last-child,
#write :is(blockquote, details) > :is(ol,ul):last-child {
  margin-bottom: 0;
}
#write :is(li>hr, li>.md-hr) + :is(blockquote, blockquote+blockquote, blockquote+blockquote+blockquote, blockquote+blockquote+blockquote+blockquote),
#write :is(li>hr, li>.md-hr) + :is(details, details+details, details+details+details, details+details+details+details) {
  border: none;
  background: var(--blockquote-bg);
  border-radius: var(--v-r-s);
  padding: 0.75em 1em;
}
#write :is(blockquote, details) > strong {
  color: inherit !important;
}
.v-img-lost {
  background-image: url("") !important;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
  width: 200px;
  height: 100px;
  left: 0 !important;
}
.v-link-info-list {
  display: none;
  padding: 0;
  position: fixed;
  color: var(--d-fc);
  top: 20px;
  right: 20px;
  bottom: 50px;
  line-height: 1.5;
  border-radius: var(--v-r-b);
  background: var(--pn-c);
  overflow: auto;
  z-index: 4500;
}
.v-link-info-list[d-content-type="checked"] {
  width: var(--v-nav-center-w);
}
.v-link-info-list[d-content-type="map"] {
  width: 50%;
}
.v-link-info-list-header {
  display: none;
  position: absolute;
  z-index: 10;
  border-radius: var(--v-r-b) var(--v-r-b) 0 0;
  top: 0;
  left: 0;
  height: 30px;
  width: 100%;
  background: linear-gradient(180deg, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 1) 25%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.987) 31.075%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.951) 36.625%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.896) 41.875%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.825) 46.75%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.741) 51.475%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.648) 55.9%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.55) 60.325%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.45) 64.675%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.352) 69.1%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.259) 73.525%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.175) 78.25%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.104) 83.125%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.049) 88.375%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.013) 93.925%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0) 100%);
  pointer-events: none;
}
.v-link-info-list-body {
  padding: 10px 0;
  height: 100%;
  z-index: 0;
}
.v-link-info-list-items {
  overflow-y: scroll;
  height: 100%;
  z-index: 0;
}
.v-link-info-list-items > .warning > label {
  color: var(--ac-og);
}
.v-link-info-list-items > .error > label {
  color: var(--ac-rd);
}
.v-link-info-list-footer {
  position: absolute;
  z-index: 10;
  border-radius: 0 0 var(--v-r-b) var(--v-r-b);
  top: auto;
  left: 0;
  bottom: 0;
  height: 30px;
  width: 100%;
  background: linear-gradient(0deg, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 1) 25%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.987) 31.075%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.951) 36.625%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.896) 41.875%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.825) 46.75%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.741) 51.475%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.648) 55.9%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.55) 60.325%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.45) 64.675%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.352) 69.1%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.259) 73.525%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.175) 78.25%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.104) 83.125%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.049) 88.375%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.013) 93.925%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0) 100%);
  pointer-events: none;
}
.v-status-bar {
  position: fixed;
  justify-content: center;
  align-items: center;
  border-radius: var(--v-r-s);
  right: 20px;
  bottom: 20px;
  height: 30px;
  z-index: 100;
}
.v-status-bar > div:first-child {
  border-top-left-radius: var(--v-r-s);
  border-bottom-left-radius: var(--v-r-s);
  border: none;
}
.v-status-bar > div:last-child {
  border-top-right-radius: var(--v-r-s);
  border-bottom-right-radius: var(--v-r-s);
}
.v-status-bar > .v-doc-info,
.v-status-bar > .v-sts-font-theme,
.v-status-bar > .v-color-scheme,
.v-status-bar > .v-link-map,
.v-status-bar > .v-link-chk-result {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  color: var(--d-fc);
  background: var(--pn-c);
  padding: 0 10px;
  min-width: var(--v-tb-btn-w);
  height: 30px;
  opacity: 0.6;
}
.v-doc-info {
  font: normal 0.75em var(--v-f-fm-subtitle);
  cursor: default;
}
.v-sts-font-theme.hover,
.v-color-scheme.hover,
.v-link-map.hover {
  background: #5ABD3C !important;
  color: #FFFFFF !important;
}
.v-sts-font-theme.hover use,
.v-color-scheme.hover use,
.v-link-map.hover use {
  fill: #FFFFFF !important;
}
.v-link-chk-result {
  background: var(--ac-bu-lg);
  opacity: 1;
  border-radius: 0 var(--v-r-s) var(--v-r-s) 0;
}
.v-link-chk-result.error {
  background: var(--ac-rd);
}
.v-link-error-source:focus {
  outline: 2px dashed var(--ac-rd-lg);
}
:is(#write, body.typora-export) table {
  border-collapse: inherit;
  border-spacing: 0;
  line-height: 1.5;
  word-break: break-all;
  white-space: pre-wrap;
  border: 2px solid var(--tbl-bd);
  border-left-width: 2px;
  border-right-width: 2px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-radius: var(--v-r-b);
  background: var(--d-bc);
  vertical-align: text-top;
  width: auto;
}
:is(#write, body.typora-export) table[d-row-group],
:is(#write, body.typora-export) table[d-col-too-more] {
  white-space: pre;
}
#write thead {
  display: contents !important;
}
:is(#write, body.typora-export) table > thead > tr > th {
  color: inherit;
  background: var(--tbl-th-bg);
  font: var(--v-f-w-bd) 1em var(--v-f-fm-bd);
  border-right: 1px solid var(--tbl-cell-bd);
  margin: 0;
  padding: var(--tbl-cell-padding);
  box-shadow: 0 1px 0 var(--tbl-cell-bd);
  min-width: 100px;
}
:is(#write, body.typora-export) table td {
  border-right: 1px solid var(--tbl-cell-bd);
  margin: 0;
  padding: var(--tbl-cell-padding);
}
:is(#write, body.typora-export) table > thead > tr:first-child > th {
  box-shadow: 0 1px 0 var(--tbl-cell-bd);
}
:is(#write, body.typora-export) table > thead > tr:not(:first-child) > th {
  box-shadow: 0 1px 0 var(--tbl-cell-bd);
}
:is(#write, body.typora-export) table:not([d-tbl-x="true"]) > tbody > tr:hover {
  background: var(--tbl-tr-hv) !important;
}
:is(#write, body.typora-export) table > tbody > tr:first-child > td {
  box-shadow: 0 -1px 0 0 var(--tbl-h-bd);
}
#write .v-tr-repeater + tr > td {
  box-shadow: 0 -1px 0 0 var(--tbl-h-bd) !important;
}
:is(#write, body.typora-export) table > tbody > tr:not(:first-child) > td {
  box-shadow: none;
}
:is(#write, body.typora-export) table > tbody > tr:nth-child(2n) {
  background: var(--tbl-td-bg);
}
:is(#write, body.typora-export) table > thead > tr:first-child > th:first-child {
  border-top-left-radius: calc(var(--v-r-b) - 1px);
}
:is(#write, body.typora-export) table > thead > tr:first-child > th:last-child {
  border-top-right-radius: calc(var(--v-r-b) - 1px);
}
:is(#write, body.typora-export) table > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: calc(var(--v-r-b) - 1px);
}
:is(#write, body.typora-export) table > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: calc(var(--v-r-b) - 1px);
}
:is(#wirte, body.typora-export) table tr > :is(th, td):first-child {
  word-break: break-word;
}
:is(#write, body.typora-export) table tr > :is(th, td):last-child {
  border-right: 0;
}
:is(#write, body.typora-export) .v-empty-cell {
  padding: 1px !important;
  background: var(--tbl-h-bd) !important;
  min-width: 0;
}
:is(#write, body.typora-export) table > tbody > tr:not(:first-child) > td.v-empty-cell {
  box-shadow: none !important;
}
#write .v-tr-repeater::before {
  content: "" !important;
}
#write .v-th-repeater {
  font: var(--v-f-w-bd) 1em var(--v-f-fm-bd);
  color: inherit;
  background: var(--tbl-th-bg);
  vertical-align: middle !important;
}
#write .v-th-repeater.first {
  box-shadow: 0 -2px 0 var(--tbl-h-bd), 0 1px 0 var(--tbl-cell-bd);
}
#write .v-th-repeater.not-first {
  box-shadow: 0 1px 0 var(--tbl-cell-bd) !important;
}
.v-table-colspan-all {
  padding-left: 5px;
  background: var(--tbl-th-bg);
}
.v-table-colspan-all::before {
  content: "";
}
.v-tbl-col-fmt-bold {
  font: var(--v-f-w-bd) 1em var(--v-f-fm-bd);
}
.v-tbl-col-fmt-em {
  font-style: italic;
}
#write u {
  text-decoration: none;
  border-bottom: 1px solid var(--d-fc);
}
.v-tbl-col-fmt-mark {
  background: var(--mark-bg) !important;
  font-weight: var(--v-f-w-bd);
  color: var(--d-fc) !important;
}
.v-tbl-col-fmt-num {
  font-family: var(--v-f-fm-num) !important;
}
.v-tbl-col-fmt-num > span {
  font-size: 1.125em;
}
.v-tbl-col-fmt-num-positive {
  color: #D00000;
}
.v-tbl-col-fmt-num-negative {
  color: #00B000;
}
.v-tbl-col-fmt-num-decimal {
  font-size: 0.8em;
}
.v-tbl-col-fmt-currency {
  float: left;
  font-weight: normal;
  font-size: 0.8em;
  padding-top: 3px;
  padding-right: 10px;
  color: var(--d-fc-a);
}
.v-tbl-col-fmt-percent {
  opacity: 0.6;
  font-size: 0.8em;
}
.v-tbl-row-g-folder {
  text-align: left !important;
  min-width: 250px;
}
:is(#write, body.typora-export) h6 + figure table tbody > tr > td.v-tbl-row-g-not-folder {
  text-align: left !important;
  padding-left: 50px !important;
}
td.v-tbl-row-g-not-folder {
  text-align: left !important;
  padding-left: 25px !important;
}
.v-tbl-row-g-btn {
  line-height: 1;
  vertical-align: middle;
}
.v-tbl-row-g-btn.hover > svg > use {
  fill: #5ABD3C !important;
}
.v-tbl-row-g-btn.hover:active > svg > use {
  fill: #6e9861 !important;
}
.v-tbl-row-g-sub {
  text-align: left !important;
  padding-left: 5px !important;
}
.v-tbl-row-g-identer {
  width: 4px;
  height: 32px;
  display: inline-block;
  padding: 0;
  margin: -10px 32px -10px 4px;
}
#write h6 + figure table .v-tbl-row-g-identer {
  margin-right: 58px;
}
.v-tbl-row-g-identer + .v-tbl-row-g-identer {
  margin-left: -12px !important;
}
#write h6 + figure table .v-tbl-row-g-identer + .v-tbl-row-g-identer {
  margin-right: 30px !important;
}
.v-tbl-row-g-identer-folder {
  margin-right: 12px;
}
#write h6 + figure table .v-tbl-row-g-identer-folder {
  margin-right: 38px !important;
}
#write h6 + figure table .v-tbl-row-g-identer + .v-tbl-row-g-identer-folder {
  margin-right: 10px !important;
}
#write h6 + figure table {
  counter-reset: tableRowNumber - 1;
}
#write h6 + figure table tbody tr {
  counter-increment: tableRowNumber;
}
#write figure table tr::before {
  content: "";
  color: var(--h-f);
  font: normal normal 0.8em var(--v-f-fm-num) !important;
  vertical-align: middle;
  text-align: right;
  width: 2.5em;
  position: absolute;
  padding-top: 5px;
}
.v-tbl-row-num-hidden::before {
  content: "" !important;
}
#write h6 + figure table tbody tr::before {
  content: counter(tableRowNumber) "   ";
  white-space: pre;
  text-align: right;
  margin-top: 4px;
  color: var(--h-f);
  position: absolute;
}
body.os-windows #write h6 + figure table tbody tr::before,
body.typora-export #write h6 + figure table tbody tr::before {
  margin-top: 8px;
}
#write h6 + figure table tbody tr:hover::before {
  content: "▶️";
  color: #5ABD3C;
}
#write h6 + figure table tr > :is(th, td):first-child {
  padding-left: 30px;
}
.v-tbl-x {
  top: 0;
  width: 100px;
  height: 100px;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.v-tbl-x-cell {
  box-shadow: 0 0 0 4px var(--d-fc-a) !important;
  border-radius: var(--v-r-b);
}
.v-tbl-x.left-up {
  background: linear-gradient(315deg, transparent, rgba(90, 189, 60, 0.3) 20px, rgba(90, 189, 60, 0.01));
  border-bottom-right-radius: var(--v-r-b);
}
.v-tbl-x.right-up {
  background: linear-gradient(45deg, transparent, rgba(90, 189, 60, 0.3) 20px, rgba(90, 189, 60, 0.01));
  border-bottom-left-radius: var(--v-r-b);
}
.v-tbl-x.left-down {
  background: linear-gradient(210deg, transparent, rgba(90, 189, 60, 0.3) 20px, rgba(90, 189, 60, 0.01));
  border-top-right-radius: var(--v-r-b);
}
.v-tbl-x.right-down {
  background: linear-gradient(135deg, transparent, rgba(90, 189, 60, 0.3) 20px, rgba(90, 189, 60, 0.01));
  border-top-left-radius: var(--v-r-b);
}
.v-table-wrap {
  white-space: pre-wrap !important;
}
td.v-long {
  min-width: 380px;
  max-width: 380px;
  white-space: pre-wrap;
}
.v-table-unwrap {
  white-space: pre !important;
}
mark {
  box-shadow: 0 -0.9em 0 0 var(--mark-bg) inset;
  font-weight: var(--v-f-w-bd);
  color: inherit;
  background: none;
}
#write del code {
  text-decoration: line-through !important;
}
.footnotes-area {
  margin-top: 100px;
}
.footnote-line {
  font-size: 1em;
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
.v-footnote-pn-content > .footnote-line {
  padding-bottom: 50px;
}
.reversefootnote {
  color: #1090F0;
}
.reversefootnote:hover {
  color: #C01010;
}
#write a[name^="ref-footnote-"] {
  font: normal 0.75em var(--v-f-fm-bd);
  color: #1090F0;
}
#write a[name^="ref-footnote-"]:hover {
  color: #6e9861;
}
.md-expand .md-inline-math-container > script,
content > #write em > span[md-inline="code"]:only-child > code,
tt,
code {
  font: var(--v-f-w-text) 0.875em/1.5 var(--v-f-fm-code);
  color: var(--code-t);
  background: var(--code-bg);
  border-radius: var(--v-r-s);
  padding: 4px 5px;
  line-height: 1;
  margin: 0;
  border: 1px solid var(--std-code-shadow);
  display: inline-block;
  word-break: break-all;
  text-align: inherit;
}
.v-std-code.hover {
  filter: brightness(90%);
}
#write blockquote code {
  color: var(--ac-t2-lg);
  background: var(--d-bc);
}
#write blockquote table code {
  color: var(--code-t);
  background: var(--code-bg);
}
strong :is(tt, code) {
  font-weight: var(--v-f-w-bd);
}
.md-tag {
  color: inherit;
}
/**************************************
* 数学公式
**************************************/
mjx-container > svg svg[data-labels] g,
.code-tooltip mjx-container > svg svg[data-labels] g {
  fill: var(--d-fc-a) !important;
}
body.html-for-mac content > #write .md-inline-math mjx-container {
  font-size: 0.66em !important;
}
.code-tooltip,
.md-hover-tip .code-tooltip-content {
  background: var(--d-fc) !important;
  color: var(--d-bc) !important;
  border-radius: var(--v-r-b) !important;
}
.code-tooltip mjx-container > svg g {
  fill: var(--d-bc) !important;
}
mjx-container[jax="SVG"] > svg a {
  fill: var(--a-color) !important;
  stroke: var(--a-color) !important;
}
mjx-container[jax="SVG"] > svg a:hover {
  fill: #5ABD3C !important;
  stroke: #5ABD3C !important;
}
.md-hover-tip .md-arrow:after {
  background: var(--d-fc);
}
.md-rawblock .md-rawblock-tooltip {
  border-radius: var(--v-r-t) var(--v-r-t) 0 0;
}
.md-math-container {
  border-radius: var(--v-r-b) 0 var(--v-r-b) var(--v-r-b);
}
.md-math-block {
  border-radius: var(--v-r-b);
}
.md-rawblock-before {
  border-radius: var(--v-r-b) 0 0 0;
}
.md-rawblock-input,
.md-rawblock-input :is(.CodeMirror-scroll, .CodeMirror.cm-s-inner) {
  border-radius: 0 !important;
}
.md-rawblock-after {
  border-radius: 0 0 var(--v-r-b) var(--v-r-b) !important;
}
.md-math-block.md-focus .CodeMirror-sizer {
  box-shadow: var(--v-input-focus-inn-shadow);
}
.md-expand .md-inline-math-container > script {
  box-shadow: var(--v-input-focus-inn-shadow), var(--v-input-focus-shadow);
}
/**************************************
* Header Counters in Content 内容中的目录序号样式
**************************************/
#write {
  counter-reset: h1;
}
#write h1 {
  counter-reset: h2;
}
#write h2 {
  counter-reset: h3;
}
#write h3 {
  counter-reset: h4;
}
#write h4 {
  counter-reset: h5;
}
#write h5 {
  counter-reset: h6;
}
#write :is(h1,h2,h3,h4,h5,h6)::before,
#write :is(h1,h2,h3,h4,h5,h6)::after {
  color: rgba(11, 114, 217, 0.5);
  letter-spacing: 0;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
}
#write h1::before,
#write > pre.md-meta-block:first-child + h6 ~ h1:not(:last-child)::before,
#write > h6:first-child ~ h1:not(:last-child)::before {
  counter-increment: h1;
  content: counter(h1) ". ";
}
#write > pre.md-meta-block:first-child + h6 ~ h1:last-child::before {
  content: "";
}
#write h2::before {
  counter-increment: h2;
  content: counter(h1) "." counter(h2) " ";
}
#write h3::before {
  counter-increment: h3;
  content: counter(h1) "." counter(h2) "." counter(h3) " ";
}
#write h4::before {
  counter-increment: h4;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) " ";
}
#write h5::before {
  counter-increment: h5;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
}
#write h6::before {
  content: "◼︎ ";
}
body.typora-export #write :is(h1,h2,h3,h4,h5)::before {
  content: attr(d-header-num) !important;
}
kbd {
  font: var(--v-f-w-bd) 0.75em var(--v-f-fm-key);
  border-radius: var(--v-r-s-small);
  margin: 0;
  padding: 0 4px;
  color: var(--d-bc);
  border: 2px solid var(--key-shadow);
  border-left-color: var(--key-reflect);
  border-top-color: var(--key-reflect);
  background: var(--key-bg);
  box-shadow: 0 0 0 1px var(--key-shadow);
}
table kbd {
  display: inline-block;
}
/**************************************
* VLOOK UI 自定义样式
**************************************/
.v-spotlight {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  pointer-events: none;
  z-index: 5000;
}
.v-spotlight-in-dark {
  filter: brightness(1.2);
}
.v-cursor-laser {
  cursor: var(--cur-laser);
}
.v-transition-all {
  transition: all var(--v-trans-dur) ease-out;
}
.v-transition-box-shadow {
  transition: box-shadow var(--v-trans-dur) ease-out;
}
.v-transition-opacity {
  transition: opacity var(--v-trans-dur) ease-out;
}
.v-transition-left {
  transition: left var(--v-trans-dur) ease-out;
}
.v-transition-background {
  transition: background var(--v-trans-dur) ease-out;
}
.v-tool-tips,
.v-info-tips {
  display: none;
  position: fixed;
  margin-left: auto;
  padding: 10px;
  text-align: center;
  white-space: pre-wrap;
  border: 1px solid var(--tbl-bd);
  border-radius: 0 var(--v-r-b) var(--v-r-b) var(--v-r-b);
  font: normal 1em var(--v-f-fm-subtitle);
  background: var(--pn-c);
  cursor: default;
  z-index: 3000;
}
.v-info-tips.error {
  color: #FFFFFF;
  border-color: var(--ac-rd-lg);
  background: var(--ac-rd-lg);
  padding: 5px 10px;
}
.v-info-tips.bubble {
  color: var(--d-bc);
  border-color: var(--d-fc-a);
  background: var(--d-fc);
  padding: 5px 10px;
}
.v-tool-tips {
  visibility: hidden;
  opacity: 0;
  display: block;
  border-top-width: 0;
  box-shadow: 0 2px 0 0 #5ABD3C inset, var(--v-fl-sd), 0 0 0 0 transparent;
  text-align: left;
  white-space: pre;
  font-size: 0.875em;
}
.v-tool-tips.top.center {
  border-radius: var(--v-r-b);
}
.v-tool-tips.top.right {
  border-radius: var(--v-r-b) 0 var(--v-r-b) var(--v-r-b);
}
.v-tool-tips.bottom {
  box-shadow: 0 -2px 0 0 #5ABD3C inset, var(--v-fl-sd), 0 0 0 0 transparent;
  border-top-width: 1px;
  border-bottom-width: 0;
}
.v-tool-tips.bottom.center {
  border-radius: var(--v-r-b);
}
.v-tool-tips.bottom.right {
  border-radius: var(--v-r-b) var(--v-r-b) 0 var(--v-r-b);
}
.v-tool-tips.accent {
  box-shadow: 0 2px 0 0 #0B72D9 inset, var(--v-fl-sd), 0 0 0 0 transparent;
}
:is(.v-tool-tips, .v-info-tips) a {
  font-weight: var(--v-f-w-bd);
  text-decoration: none;
}
.v-bottom-tips {
  font: var(--v-f-w-bd) 1em var(--v-f-fm-subtitle);
  color: #FFFFFF;
  text-shadow: 0 1px #000000;
  width: 100%;
  height: 60px;
  text-align: center;
  bottom: 0;
  padding-top: 16px;
  background: linear-gradient(0deg, #000000, transparent);
  position: fixed;
  display: none;
  pointer-events: none;
  z-index: 5001;
}
.v-bottom-tips > div {
  bottom: 10px;
  width: 100%;
  position: fixed;
}
.v-bottom-tips kbd {
  margin: 0 4px;
  text-shadow: none;
  color: var(--d-bc-dk);
  border: 3px solid var(--key-shadow-dk);
  border-left-color: var(--key-reflect-dk);
  border-top-color: var(--key-reflect-dk);
  background: var(--key-bg-dk);
  box-shadow: 0 0 0 1px var(--key-shadow-dk);
}
.v-font-theme {
  display: none;
  position: fixed;
  padding: 10px;
  text-align: center;
  border-radius: var(--v-r-b);
  border: 1px solid var(--tbl-bd);
  font: normal 1em var(--v-f-fm-subtitle);
  background: var(--pn-c);
  z-index: 3000;
}
.v-font-theme > .v-font-theme-opt {
  vertical-align: top;
  display: inline-block;
  margin: 0 0 30px 10px;
}
.v-font-theme > .v-font-theme-opt:first-child {
  margin-left: 0;
}
.v-font-theme-info {
  font-size: 0.75em;
  width: 600px;
  margin: auto;
  overflow: auto;
  border-radius: var(--v-r-s);
}
.v-font-theme-opt-local,
.v-font-theme-opt-book,
.v-font-theme-opt-sans,
.v-font-theme-opt-serif {
  border-radius: var(--v-r-s) !important;
  filter: opacity(0.6);
  background-color: var(--d-fc);
  color: var(--d-bc);
  min-height: 200px;
}
.v-font-theme-opt-local:hover,
.v-font-theme-opt-book:hover,
.v-font-theme-opt-sans:hover,
.v-font-theme-opt-serif:hover {
  filter: opacity(1);
  box-shadow: 0 0 0 2px #5ABD3C;
}
.v-font-theme-opt-local:active,
.v-font-theme-opt-book:active,
.v-font-theme-opt-sans:active,
.v-font-theme-opt-serif:active {
  box-shadow: 0 0 0 2px #6e9861;
}
.v-font-theme-opt-local.selected,
.v-font-theme-opt-book.selected,
.v-font-theme-opt-sans.selected,
.v-font-theme-opt-serif.selected {
  box-shadow: 0 0 0 4px var(--h-f) !important;
  filter: opacity(1) !important;
}
.v-fontinfo-local,
.v-fontinfo-book,
.v-fontinfo-sans,
.v-fontinfo-serif {
  margin-top: 10px;
  text-align: left;
  font-size: 0.875em;
}
.v-fontinfo-local > #fontset-status,
.v-fontinfo-book > #fontset-status,
.v-fontinfo-sans > #fontset-status,
.v-fontinfo-serif > #fontset-status,
.v-doc-ext-info {
  color: var(--d-fc-a);
}
.v-doc-logo-light {
  margin-top: 100px;
  width: 100%;
  height: 80px;
  background-image: var(--thm-fav-logo-lg);
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: top center;
}
.v-doc-logo-dark {
  display: none;
  margin-top: 30px;
  width: 100%;
  height: 80px;
  background-image: var(--thm-fav-logo-dk);
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: top center;
}
.v-welcome-page {
  cursor: wait;
  position: fixed;
  color: #FFFFFF;
  background: #0B72D9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: auto;
  visibility: hidden;
  opacity: 0;
  z-index: 6000;
}
@keyframes breathe-button {
  0% {
    opacity: 1;
    transform: scale(1.1);
    filter: brightness(1.2);
  }
  100% {
    opacity: 0.8;
    transform: scale(1);
    filter: brightness(1);
  }
}
.v-tips {
  font: var(--v-f-w-title) 1.75em var(--v-f-fm-subtitle);
  padding: 20px 20px 10px 20px;
}
.v-tips > div {
  text-align: center;
  line-height: 1;
  margin-bottom: 50px;
}
.v-tips > .v-date {
  font-weight: normal;
  font-size: 0.625em;
  margin-bottom: 20px;
}
.v-tips > .v-author {
  font-weight: normal;
  font-size: 0.875em;
  margin-bottom: 20px;
}
.v-tips > .v-author::before {
  content: "by";
  font-size: 0.625em;
  opacity: 0.6;
  display: block;
  margin-bottom: 0.375em;
}
.v-loading {
  cursor: not-allowed;
  padding: 0.2em 0.5em;
  border: 1px solid #FFFFFF;
  font: italic normal 1.25em var(--v-f-fm-subtitle);
  display: inline-block;
  border-radius: var(--v-r-b);
  margin-bottom: 2em;
  opacity: 0.6;
}
.v-btn-done {
  cursor: var(--cur-pointer) !important;
  border: 2px solid #FFFFFF;
  font-style: normal;
  font-weight: var(--v-f-w-title);
  font-size: 1.25em;
  color: #FFFFFF;
  background: #5ABD3C;
  opacity: 1;
  animation: breathe-button 1s ease 1 alternate;
}
.v-btn-done:hover {
  color: #5ABD3C;
  background: #FFFFFF;
  box-shadow: var(--v-fl-sd);
}
.v-btn-done:active {
  border: none;
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 0 0 2px rgba(90, 189, 60, 0.5);
  transform: none;
}
.v-btn-done.wait {
  animation: breathe-button 1s 10 alternate;
}
.v-btn-done > span {
  font-weight: normal;
}
#write .v-pg-current-item {
  box-shadow: 0 0 10px 0 #5ABD3C;
  border-radius: var(--v-r-b);
}
:is(.md-diagram-panel, .v-fig-content) svg[viewBox^="-"] {
  padding-bottom: 8px;
}
.v-fig-content svg:not([data-inject-url]) {
  width: 100%;
}
.v-nav-center {
  background: var(--pn-c);
  border-radius: var(--v-r-b);
  cursor: default;
  display: block;
  left: var(--v-nav-center-hidden-l);
  top: 10px;
  bottom: 40px;
  width: var(--v-nav-center-w);
  padding: 0;
  position: fixed;
  z-index: 2000;
  user-select: none;
}
.v-nav-center-float {
  top: 20px;
  bottom: 50px;
  box-shadow: var(--v-fl-sd);
}
.v-nav-center-block {
  top: 60px;
  bottom: 10px;
  box-shadow: var(--v-fl-sd), var(--v-fl-i-sd);
}
.v-nav-center-header {
  color: var(--d-fc);
  font: normal 1em var(--v-f-fm-subtitle);
  height: 110px;
  padding: 0;
  background: linear-gradient(180deg, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 1) 73%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.987) 75.187%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.951) 77.185%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.896) 79.075%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.825) 80.83%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.741) 82.531%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.648) 84.124%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.55) 85.717%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.45) 87.283%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.352) 88.876%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.259) 90.469%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.175) 92.17%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.104) 93.925%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.049) 95.815%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.013) 97.813%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0) 100%);
  position: absolute;
  border-top-right-radius: var(--v-r-b);
  border-top-left-radius: var(--v-r-b);
  z-index: 10;
  pointer-events: none;
}
.v-nav-center-footer {
  height: 30px;
  line-height: 40px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  text-align: center;
  padding: 0;
  background: linear-gradient(0deg, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 1) 0%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.987) 8.1%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.951) 15.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.896) 22.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.825) 29%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.741) 35.3%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.648) 41.2%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.55) 47.1%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.45) 52.9%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.352) 58.8%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.259) 64.7%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.175) 71%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.104) 77.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.049) 84.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.013) 91.9%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0) 100%);
  border-bottom-right-radius: var(--v-r-b);
  border-bottom-left-radius: var(--v-r-b);
  position: absolute;
  z-index: 10;
  pointer-events: none;
}
.v-segment {
  text-align: center;
  height: calc(var(--v-seg-h) + 4px);
  border-radius: var(--v-r-s);
  margin: 10px;
  padding: 2px;
  background: var(--pn-c-a);
  pointer-events: all;
}
.v-segment > input[type="radio"] {
  display: none;
}
.v-segment > input[type="radio"]:checked + .v-segment-btn > svg > use {
  fill: #FFFFFF;
}
.v-segment > input[type="radio"][d-result="none"] + label,
.v-result-none {
  opacity: 0.2;
  cursor: not-allowed;
}
.v-segment-indicator {
  position: absolute;
  left: 12px;
  top: 52px;
  width: 40px;
  height: var(--v-seg-h);
  background: #0B72D9;
  border-radius: calc(var(--v-r-s) - 1px);
  z-index: 0;
}
.v-segment-indicator > svg > use {
  fill: #FFFFFF;
}
.v-segment-btn {
  width: 16%;
  height: var(--v-seg-h);
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  border-radius: calc(var(--v-r-s) - 1px);
  float: left;
  position: relative;
  display: inline-flex;
  z-index: 10;
}
.v-segment-btn.hover {
  background: #5ABD3C;
}
.v-segment-btn.hover > svg > use {
  fill: #FFFFFF;
}
.v-segment-btn:active {
  background: #6e9861;
  box-shadow: 0 0 0 2px rgba(110, 152, 97, 0.5) !important;
  transition: none;
}
.v-segment-btn:active > svg > use {
  fill: #FFFFFF;
}
.v-segment-btn.catalog {
  margin: 0 0.8% 0 0;
}
.v-segment-btn.figure {
  margin: 0 0.8% 0 0;
}
.v-segment-btn.table {
  margin: 0 0.8% 0 0;
}
.v-segment-btn.media {
  margin: 0 0.8% 0 0;
}
.v-segment-btn.codeblock {
  margin: 0 0.8% 0 0;
}
.v-segment-btn.history {
  margin: 0;
}
.v-nav-center-body {
  width: 100%;
  height: 100%;
  padding: 70px 1px 5px 1px;
  border-radius: var(--v-r-b);
  overflow: auto;
  overflow-y: hidden;
}
.v-toc-catalog-body {
  width: 100%;
  height: 100%;
  padding: 10px 0 0 0;
  overflow-y: scroll;
}
.v-toc-catalog-body::after {
  content: attr(d-catalog-empty);
  white-space: pre-wrap;
  padding: 0 10px;
  color: var(--d-fc-a);
  position: absolute;
  text-align: center;
  top: 150px;
  width: 100%;
}
.v-toc-catalog-body:not(:empty)::after {
  content: "";
}
.v-toc-handle {
  position: fixed;
  display: none;
  top: 390px;
  left: 8px;
  width: 4px;
  height: 80px;
  background: var(--tbl-bd);
  border-radius: 2px;
  z-index: 2000;
}
.v-toc-handle.hover {
  background: var(--d-fc);
}
.v-copyright-svg-ico {
  display: inline-block;
  vertical-align: middle;
}
body.typora-export .v-copyright {
  left: 0;
  bottom: 5px;
  text-align: center;
  width: 100%;
  padding: 5px 10px;
  font: normal 0.875em var(--v-f-fm-subtitle);
  position: absolute;
  color: #FFFFFF !important;
  border: none;
}
body.typora-export .v-copyright a {
  color: #FFFFFF !important;
  border-bottom: 2px solid #FFFFFF;
  text-shadow: none;
  text-decoration: none;
}
body.typora-export .v-copyright a:hover {
  box-shadow: 0 -0.3em 0 0 rgba(255, 255, 255, 0.3) inset;
}
body.typora-export .v-copyright a:active {
  background: #000000;
  border-radius: var(--v-r-s);
  border-bottom: 0;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
  transition: none;
}
.v-float-card {
  box-shadow: var(--v-fl-sd), 0 0 0 0 transparent;
}
.v-float-card2 {
  box-shadow: var(--v-fl-sd), var(--v-fl-i-sd);
}
.v-footnote-pn {
  position: fixed;
  left: 15%;
  right: 15%;
  bottom: 90px;
  height: 200px;
  border-radius: var(--v-r-b);
  box-shadow: var(--v-fl-sd);
  margin: 0;
  padding: 5px 0;
  background: var(--pn-c);
  display: none;
  z-index: 2100;
}
body.typora-export .v-footnote-pn > a {
  color: var(--d-fc);
  text-decoration: none;
}
.v-footnote-pn-header {
  height: 30px;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
  background: linear-gradient(180deg, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 1) 0%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.987) 8.1%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.951) 15.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.896) 22.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.825) 29%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.741) 35.3%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.648) 41.2%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.55) 47.1%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.45) 52.9%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.352) 58.8%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.259) 64.7%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.175) 71%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.104) 77.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.049) 84.5%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.013) 91.9%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0) 100%);
  border-radius: var(--v-r-b);
}
.v-footnote-pn-content {
  width: 100%;
  top: 2px;
  bottom: 2px;
  padding: 10px 20px;
  position: absolute;
  overflow-x: auto;
}
.v-footnote-pn-footer {
  font-weight: var(--v-f-w-bd);
  height: 70px;
  left: 0;
  right: 0;
  line-height: 80px;
  bottom: 0;
  padding: 5px 20px;
  margin: 0;
  border-radius: var(--v-r-b);
  background: linear-gradient(0deg, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 1) 57%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.987) 60.483%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.951) 63.665%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.896) 66.675%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.825) 69.47%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.741) 72.179%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.648) 74.716%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.55) 77.253%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.45) 79.747%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.352) 82.284%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.259) 84.821%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.175) 87.53%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.104) 90.325%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.049) 93.335%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0.013) 96.517%, rgba(var(--pn-fade-r), var(--pn-fade-g), var(--pn-fade-b), 0) 100%);
  position: absolute;
}
.v-more-doc-content-before {
  width: 100%;
  position: fixed;
  top: 0;
  pointer-events: none;
  display: none;
  z-index: 99;
  height: 50px;
}
.v-more-doc-content-after {
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0;
  pointer-events: none;
  display: block;
  z-index: 99;
}
.v-more-doc-content-before {
  background: linear-gradient(180deg, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 1) 0%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.987) 8.1%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.951) 15.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.896) 22.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.825) 29%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.741) 35.3%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.648) 41.2%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.55) 47.1%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.45) 52.9%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.352) 58.8%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.259) 64.7%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.175) 71%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.104) 77.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.049) 84.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.013) 91.9%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0) 100%);
}
.v-more-doc-content-after {
  background: linear-gradient(0deg, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 1) 0%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.987) 8.1%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.951) 15.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.896) 22.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.825) 29%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.741) 35.3%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.648) 41.2%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.55) 47.1%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.45) 52.9%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.352) 58.8%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.259) 64.7%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.175) 71%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.104) 77.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.049) 84.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.013) 91.9%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0) 100%);
}
.v-toolbar {
  border-bottom-left-radius: var(--v-r-b);
  border-bottom-right-radius: var(--v-r-b);
  left: 20px;
  top: 10px;
  padding: 10px;
  width: var(--v-nav-center-w);
  height: 50px;
  position: fixed;
  background: #0B72D9;
  display: none;
  z-index: 100;
  pointer-events: none;
}
.v-toolbar.cover {
  width: auto;
  right: 20px;
  background: none;
}
.v-toolbar-spliter {
  display: flex;
  width: 40px;
  height: 30px;
  padding: 0;
  float: right;
}
.v-toolbar-smallscreen {
  top: 50px;
  padding-left: 0;
  padding-right: 0;
}
.v-toc-item,
.md-toc-item {
  color: var(--d-fc);
  font: normal 1em/1.5 var(--v-f-fm-subtitle);
  margin: 0 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 5px;
  border-radius: var(--v-r-s);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1 !important;
}
.v-toc-item {
  white-space: normal;
  line-height: 1;
  padding: 10px;
  margin-bottom: 5px;
  display: block;
}
.md-toc-item::before {
  color: var(--toc-h-num-color);
  padding-left: 5px;
}
.v-toc-item:hover,
.md-toc-item:hover {
  background: var(--pn-c-a);
}
.v-toc-item:active,
.md-toc-item:active {
  color: var(--d-bc);
  background: var(--d-fc-a);
  box-shadow: 0 0 0 2px rgba(11, 114, 217, 0.5);
  transition: none;
}
.v-toc-item:active::before,
.md-toc-item:active::before {
  color: var(--d-bc);
}
.v-toc-item:active > span {
  color: var(--d-bc);
}
:is(.v-toc-item:active, .md-toc-item:active) svg > use {
  fill: var(--d-bc);
}
:is(.v-toc-item, .v-cap-1) > span {
  color: var(--h-f);
}
.v-toc-item > label,
.v-toc-item > span {
  display: block;
  font-size: 0.875em;
  margin-bottom: 4px;
}
.v-map-item {
  padding: 10px;
  margin: 0 10px;
  border-radius: var(--v-r-s);
}
.v-map-item:hover {
  background: var(--pn-c-a);
}
body.typora-export .v-map-item a {
  word-break: break-all;
  color: var(--d-fc);
}
.v-map-item > label {
  font-size: 0.75em;
  padding: 0 0 0 6px;
  background-color: var(--d-fc);
  margin-left: 10px;
  color: var(--d-bc);
  border-radius: var(--v-r-s);
  display: inline-block;
  border: 2px solid var(--d-fc);
  word-break: break-all;
}
.v-map-item #check-hash {
  font-weight: bold;
  color: var(--a-color);
  background: linear-gradient(110deg, var(--d-fc) 10px, var(--d-bc) 10px, var(--d-bc));
  text-transform: uppercase;
  padding: 2px 6px 2px 12px;
  border-radius: calc(var(--v-r-s) - 2px);
  display: inline-block;
}
.v-map-item #check-hash:hover {
  box-shadow: none;
}
.md-toc,
.v-toc {
  margin-top: 20px;
  margin-bottom: 0.5em;
  border-radius: 0;
  font-size: 1em;
  line-height: 2;
}
#write .md-toc-item a {
  font-weight: normal;
  text-decoration: none;
  padding: 0 0 0 0;
  border-radius: 0;
  border: none;
}
#write .md-toc-item a:hover {
  color: var(--d-fc) !important;
  box-shadow: none;
  text-decoration: none;
  border: none;
}
.v-toc-item-current {
  font-weight: var(--v-f-w-title);
  background: var(--blockquote-bg);
  box-shadow: 0 0 0 2px rgba(11, 114, 217, 0.5) inset;
}
.v-toc-folder {
  float: left;
  width: 20px;
}
.v-toc-folder > svg {
  margin-top: 1px;
  float: left;
}
.v-toc-folder.hover > svg > use {
  fill: #5ABD3C !important;
}
.v-toc-folder.hover:active > svg > use {
  fill: #FFFFFF !important;
}
.v-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  color: #FFFFFF;
  padding: 0;
  width: var(--v-tb-btn-w);
  height: 30px;
  border-radius: var(--v-r-s);
  pointer-events: all;
}
.v-btn.selected {
  background: #063f78 !important;
  box-shadow: 0 0 0 0 transparent;
}
.v-btn.first {
  border-radius: var(--v-r-si) 0 0 var(--v-r-si) !important;
}
.v-btn.middle {
  border-radius: 0 !important;
}
.v-btn.last {
  border-radius: 0 var(--v-r-si) var(--v-r-si) 0 !important;
}
.v-btn.hover {
  background: #5ABD3C !important;
  color: #FFFFFF !important;
}
.v-btn.hover > svg > use {
  fill: #FFFFFF;
}
.v-btn.float,
.v-btn-group.float {
  background: #0B72D9;
}
.v-btn-group > .v-btn.float {
  box-shadow: none;
}
.v-btn:active,
.v-sts-font-theme:active,
.v-color-scheme:active,
.v-link-map:active {
  background: #6e9861 !important;
  box-shadow: 0 0 0 2px rgba(110, 152, 97, 0.5) !important;
  transition: none;
  z-index: 1;
}
@keyframes loading-circle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.v-audio-mini-control.loading {
  animation: loading-circle 2s ease infinite;
}
.v-audio-mini-control {
  background: #0B72D9;
  border-radius: var(--v-r-c);
  text-align: center;
  line-height: 30px;
  height: 30px;
  width: 30px;
  padding: 2px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  display: inline-flex;
}
.v-audio-mini-control.disabled {
  background: #B0B4B8;
  cursor: not-allowed;
}
.v-audio-mini-control.hover {
  background: #5ABD3C;
  box-shadow: var(--v-fl-sd);
  color: #FFFFFF;
}
.v-audio-mini-control.hover:active {
  background: #6e9861;
}
.v-duration-info {
  color: var(--d-fc-a);
  padding: 0 5px;
  font-weight: bold;
}
@keyframes breathe-circle {
  0% {
    box-shadow: 0 0 0 0 rgba(90, 189, 60, 0.7);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(90, 189, 60, 0.7);
  }
}
.v-audio-mini-control.playing {
  animation: breathe-circle 500ms infinite alternate;
}
.v-chapter-nav {
  color: #FFFFFF;
  background: #0B72D9;
  border-bottom-left-radius: var(--v-r-b);
  border-bottom-right-radius: var(--v-r-b);
  top: -50px;
  left: calc(var(--v-nav-center-w) + 50px);
  right: 20px;
  height: 50px;
  position: fixed;
  padding: 0;
  vertical-align: middle;
  z-index: 100;
  user-select: none;
  display: none;
}
.v-chapter-nav-prev {
  top: 0;
  left: 0;
  width: 20%;
  height: 50px;
  position: absolute;
  border-bottom-left-radius: var(--v-r-b);
}
.v-chapter-nav-prev.noeffect.hover {
  background: linear-gradient(to right, #5ABD3C, #0B72D9);
  border-bottom-left-radius: var(--v-r-b);
}
.v-chapter-nav-prev.effect.hover > svg > use,
.v-chapter-nav-prev.noeffect.hover > svg > use {
  fill: #FFFFFF;
}
.v-chapter-nav-prev.effect.hover > .v-chapter-nav-prev-text,
.v-chapter-nav-prev.noeffect.hover > .v-chapter-nav-prev-text {
  color: #FFFFFF;
}
.v-chapter-nav-prev.effect::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to right, #5ABD3C, #0B72D9);
  border-bottom-left-radius: var(--v-r-b);
  opacity: 0;
  z-index: -1;
}
.v-chapter-nav-prev.effect.hover::before {
  opacity: 1;
}
.v-chapter-nav-prev.noeffect:active,
.v-chapter-nav-prev.effect:active,
.v-chapter-nav-prev.effect:active::before {
  background: linear-gradient(to right, #6e9861, #0B72D9);
}
.v-chapter-nav-prev-text {
  top: 0;
  left: 40px;
  width: 100%;
  height: 50px;
  font: normal 1em/50px var(--v-f-fm-subtitle);
  color: #FFFFFF;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  display: block;
}
.v-chapter-nav-doc-title {
  font: normal 0.75em/24px var(--v-f-fm-subtitle);
  text-align: center;
  margin-left: 200px;
  margin-right: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  height: 22px !important;
  display: block;
}
.v-chapter-nav-doc-title.in-start {
  margin-left: 15px;
  font-weight: var(--v-f-w-title);
  font-size: 1.25em;
  line-height: 50px;
  text-align: left;
  height: 50px !important;
  cursor: default;
}
.v-chapter-nav-current {
  font: var(--v-f-w-title) 1em/22px var(--v-f-fm-subtitle);
  text-align: center;
  margin-left: 200px;
  margin-right: 200px;
  padding-top: 2px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  height: 28px;
  display: block;
}
.v-chapter-nav-current > span {
  opacity: 0.75;
}
.v-chapter-nav-doc-title.effect.hover,
.v-chapter-nav-current.effect.hover {
  color: #FFFFFF;
}
.v-chapter-nav-doc-title.noeffect.hover,
.v-chapter-nav-current.noeffect.hover {
  background: linear-gradient(90deg, rgba(90, 189, 60, 0), #5ABD3C, rgba(90, 189, 60, 0));
  height: 28px;
  color: #FFFFFF;
}
.v-chapter-nav-doc-title.effect::before,
.v-chapter-nav-current.effect::before {
  content: attr(d-header-num);
  position: absolute;
  top: 22px;
  bottom: 0;
  left: 30%;
  right: 30%;
  height: 28px;
  background: linear-gradient(90deg, rgba(90, 189, 60, 0), #5ABD3C, rgba(90, 189, 60, 0));
  opacity: 0;
  z-index: -1;
}
.v-chapter-nav-doc-title.effect::before {
  top: 0;
  height: 22px;
}
.v-chapter-nav-doc-title.effect.hover::before,
.v-chapter-nav-current.effect.hover::before {
  opacity: 1;
}
.v-chapter-nav-doc-title.noeffect:active,
.v-chapter-nav-doc-title.effect:active,
.v-chapter-nav-doc-title.effect:active::before,
.v-chapter-nav-current.noeffect:active,
.v-chapter-nav-current.effect:active,
.v-chapter-nav-current.effect:active::before {
  background: linear-gradient(90deg, rgba(110, 152, 97, 0), #6e9861, rgba(110, 152, 97, 0));
  box-shadow: none;
}
.v-chapter-nav-next {
  top: 0;
  right: 0;
  width: 20%;
  height: 50px;
  position: absolute;
  border-bottom-right-radius: var(--v-r-b);
}
.v-chapter-nav-next.noeffect.hover {
  background: linear-gradient(to left, #5ABD3C, #0B72D9);
  border-bottom-right-radius: var(--v-r-b);
}
.v-chapter-nav-next.effect.hover > svg > use,
.v-chapter-nav-next.noeffect.hover > svg > use {
  fill: #FFFFFF;
}
.v-chapter-nav-next.noeffect.hover > .v-chapter-nav-next-text,
.v-chapter-nav-next.effect.hover > .v-chapter-nav-next-text {
  color: #FFFFFF;
}
.v-chapter-nav-next.effect::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(to left, #5ABD3C, #0B72D9);
  border-bottom-right-radius: var(--v-r-b);
  opacity: 0;
  z-index: -1;
}
.v-chapter-nav-next.effect.hover::before {
  opacity: 1;
}
.v-chapter-nav-next.noeffect:active,
.v-chapter-nav-next.effect:active,
.v-chapter-nav-next.effect:active::before {
  background: linear-gradient(to left, #6e9861, #0B72D9);
}
.v-chapter-nav-next-text {
  top: 0;
  right: 40px;
  width: 100%;
  height: 50px;
  font: normal 1em/50px var(--v-f-fm-subtitle);
  color: #FFFFFF;
  text-align: right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  display: block;
}
.v-btn-group {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}
.v-btn-group.float {
  box-shadow: var(--v-fl-sd), 0 0 0 0 transparent;
}
.v-btn-group > .v-btn {
  border-radius: 0;
}
.v-btn-group > .v-btn:first-child {
  border-radius: var(--v-r-s) 0 0 var(--v-r-s);
}
.v-btn-group > .v-btn:last-child {
  border-radius: 0 var(--v-r-s) var(--v-r-s) 0;
}
.v-btn-group.prs {
  margin: 0 0 0 var(--v-tb-btn-s);
  height: 30px;
  float: right;
  border-radius: var(--v-r-s);
}
.v-accent-btn {
  width: 40px;
  height: 30px;
  position: absolute;
  text-align: center;
  border-radius: var(--v-r-s);
  box-shadow: var(--v-fl-i-sd);
}
.v-accent-btn > svg > use {
  fill: #0B72D9;
}
.v-accent-btn.hover {
  background: var(--pn-c-a);
}
.v-accent-btn:active {
  color: var(--d-bc);
  background: var(--pn-c-a);
  box-shadow: 0 0 0 2px var(--tbl-bd);
}
.v-accent-btn:active > svg > use {
  fill: var(--d-bc);
}
.v-accent-btn + .v-textfield {
  margin: 0 10px 0 0;
}
.v-accent-btn.figure-nav.disabled {
  cursor: not-allowed;
}
.v-accent-btn.figure-nav.disabled > svg > use {
  fill: var(--pn-c-a);
}
.v-search-by-keyword {
  display: block;
  margin: 10px;
  pointer-events: all;
}
.v-focus-search.actived {
  filter: grayscale(50%) opacity(0.5) !important;
}
.v-textfield {
  background: var(--d-bc);
  border-radius: var(--v-r-s);
  box-shadow: var(--v-fl-i-sd);
  margin: 0;
  height: 30px;
}
.v-textfield-focus,
.v-textfield.hover-action {
  box-shadow: var(--v-input-focus-inn-shadow), var(--v-input-focus-shadow);
}
body.typora-export :is(input::placeholder, input:focus::placeholder) {
  color: var(--d-fc-a);
  font-weight: normal;
}
.v-textfield > input {
  padding: 0;
  margin: 1px 0 0 10px;
  height: 28px;
  color: #5ABD3C;
  background: var(--d-bc);
  border: none;
  float: left;
  outline: 0 solid transparent;
  caret-color: #5ABD3C;
}
.v-textfield > input::input-placeholder,
.v-textfield > input::-webkit-input-placeholder,
.v-textfield > input::-moz-placeholder,
.v-textfield > input:-moz-placeholder {
  color: var(--d-fc-a) !important;
}
.v-textfield > input.set-icon {
  margin-left: 0;
}
.v-textfield-icon {
  width: 30px;
  height: 30px;
  padding: 7px;
  text-align: center;
  float: left;
  display: none;
}
.v-textfield-action {
  width: 40px;
  height: 30px;
  text-align: center;
  border-radius: 0 var(--v-r-s) var(--v-r-s) 0;
  box-shadow: 1px 0 0 0 var(--pn-c-a) inset;
  float: right;
  display: none;
}
.v-textfield-action.enabled {
  background: #0B72D9;
  box-shadow: none;
}
.v-textfield-action.enabled > svg > use {
  fill: #FFFFFF;
  opacity: 1;
}
.v-textfield-action.hover {
  background: #5ABD3C;
}
.v-textfield-action.hover > svg > use {
  fill: #FFFFFF;
}
.v-textfield-action.hover:active {
  background: #6e9861;
}
.v-textfield-reset {
  width: 30px;
  height: 30px;
  padding: 7px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  text-align: center;
  float: right;
  display: none;
}
.v-textfield-reset:hover > svg > use {
  opacity: 0.4;
}
.v-textfield-reset:active > svg > use {
  opacity: 0.6;
}
.v-accent-btn.figure-nav {
  display: inline-block;
  margin: 0 10px 10px 10px;
}
.v-toc-filter-result,
.v-toc-history-result {
  display: none;
  width: 100%;
  height: 100%;
  padding: 30px 0 10px 0;
  overflow-y: scroll;
}
.v-toc-history-result {
  padding-top: 60px;
}
.v-toc-history-none,
.v-toc-filter-result-none {
  display: block;
  padding: 0 10px;
  text-align: center;
  color: var(--d-fc-a);
  font: normal 1em/3 var(--v-f-fm-text);
}
.v-toc-history-title {
  text-align: center;
  position: absolute;
  border-radius: var(--v-r-s);
  left: 10px;
  right: 10px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
  font-family: var(--v-f-fm-subtitle);
  color: var(--d-fc-a);
}
.v-btn.nav-center {
  float: left;
}
.v-btn.doc-lib {
  margin-left: var(--v-tb-btn-s);
  float: left;
  display: none;
}
.v-btn.print {
  margin-left: var(--v-tb-btn-s);
  float: left;
}
.v-fig-nav {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(ellipse, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9));
  position: fixed;
  visibility: hidden;
  opacity: 0;
  user-select: none;
  z-index: 2200;
}
.v-fig-nav-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  color: #FFFFFF;
  padding: 0;
}
.v-fig-nav-btns.prev {
  left: 0;
  top: auto;
  width: 30px;
  height: 70px;
  box-shadow: 0 0 0 0 transparent;
  border-radius: var(--v-r-b);
  position: absolute;
  bottom: 10px;
}
.v-fig-nav-btns.next {
  right: 0;
  top: auto;
  width: 30px;
  height: 70px;
  box-shadow: 0 0 0 0 transparent;
  border-radius: var(--v-r-b);
  position: absolute;
  bottom: 10px;
}
.v-fig-nav-btns.next > svg {
  transform: rotate(180deg);
}
.v-btn-close-figure-nav {
  display: flex;
  justify-content: flex-end;
  vertical-align: middle;
  align-items: normal;
  color: #FFFFFF;
  background: #0B72D9;
  right: -2px;
  top: -2px;
  width: 50px;
  height: 50px;
  padding: 12px 12px 8px 8px;
  box-shadow: 0 0 0 0 transparent;
  border-radius: 0 0 0 50px;
  position: absolute;
}
.v-btn-close-figure-nav:hover {
  background: #5ABD3C;
  box-shadow: var(--v-fl-sd);
  transform: translate(-2px, 2px);
}
.v-btn-close-figure-nav:active {
  background: #6e9861;
  box-shadow: 0 0 0 2px rgba(110, 152, 97, 0.5) !important;
  transform: none;
}
.v-content-assistor {
  visibility: hidden;
  opacity: 1;
  position: absolute;
  border-radius: var(--v-r-si);
  height: 26px;
  z-index: 50;
}
.v-btn.assistor {
  top: 0;
  width: 30px;
  height: 26px;
  border-radius: 0;
  background: #0B72D9;
  position: relative;
  display: none;
}
.v-btn.assistor.enabled {
  display: inline-flex;
}
.v-pic-in-pic {
  display: none;
  position: fixed;
  background: var(--h-f);
  border-radius: calc(var(--v-r-b) + var(--v-r-b) - var(--v-r-t));
  right: 20px;
  bottom: 10px;
  padding: 4px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 500;
}
.v-pic-in-pic > .v-content {
  overflow: auto;
  height: 100%;
  border-radius: calc(var(--v-r-b) - 2px);
}
.v-pic-in-pic > .v-content > :is(table, .v-fig) {
  border-radius: calc(var(--v-r-b) - 2px) !important;
}
.v-pic-in-pic > .v-content > table :is(th, td) {
  white-space: pre !important;
}
.v-pip-btn {
  position: absolute;
  display: inline-flex;
  visibility: hidden;
  opacity: 0;
  background: var(--d-bc);
  border-radius: 50%;
  top: 8px;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  z-index: 20;
}
.v-pip-btn.min.zoom-in {
  top: 6px;
}
.v-pip-btn.min.zoom-out {
  top: 3px;
}
.v-pip-btn.close {
  right: 8px;
}
.v-pip-btn.zoom.zoom-in {
  right: 32px;
}
.v-pip-btn.zoom.zoom-out {
  right: 38px;
}
.v-pip-btn.zoom-in {
  width: 20px;
  height: 20px;
}
.v-pip-btn.zoom-out {
  width: 26px;
  height: 26px;
}
.v-pip-btn.zoom-in > svg {
  transform: scale(1);
}
.v-pip-btn.zoom-out > svg {
  transform: scale(1.33);
}
.v-pip-btn:hover > svg > use {
  fill: #5ABD3C;
}
.v-pip-btn:active > svg > use {
  fill: #6e9861;
}
#doc-lib-toc {
  padding: 0 0 calc(5px + var(--v-r-b)) 0;
}
.v-doc-lib-item {
  font: var(--v-f-w-bd) 1em/1.5 var(--v-f-fm-subtitle);
  text-transform: uppercase;
  color: #FFFFFF;
  background: #0B72D9;
  padding: 0 15px;
  height: calc(38px + var(--v-r-b));
  line-height: calc(38px + var(--v-r-b) - var(--v-r-b) / 2);
  margin: calc(0px - var(--v-r-b)) 10px;
  border-radius: calc(var(--v-r-s) * 2) calc(var(--v-r-s) * 2) 0 0;
  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.3);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
}
:is(#doc-lib-toc, .v-toc-filter-result) .v-doc-lib-item:last-of-type {
  padding-bottom: 0;
  border-bottom-left-radius: var(--v-r-s);
  border-bottom-right-radius: var(--v-r-s);
  border-bottom: calc(2px + var(--v-r-b) / 2) solid #5ABD3C;
}
:is(#doc-lib-toc, .v-toc-filter-result) .v-doc-lib-item:last-of-type:hover {
  border-bottom-color: var(--a-color);
}
.v-toc-filter-result .v-doc-lib-item:first-of-type {
  margin-top: 0;
}
.v-doc-lib-item:hover {
  background-color: #5ABD3C;
  color: #FFFFFF;
  line-height: calc(30px + var(--v-r-b) - var(--v-r-b) / 2);
}
.v-doc-lib-item:hover > svg {
  margin-top: calc(6px + var(--v-r-s) - var(--v-r-s) / 2);
}
.v-doc-lib-item:hover > svg > use {
  fill: #FFFFFF;
}
.v-doc-lib-item:active {
  background: #6e9861 !important;
  box-shadow: 0 0 0 2px rgba(110, 152, 97, 0.5) !important;
}
.v-doc-lib-item > svg {
  float: left;
  margin-top: calc(10px + var(--v-r-s) - var(--v-r-b) / 4);
}
.v-doc-lib-item > svg > use {
  fill: #FFFFFF;
}
.v-doc-lib {
  display: none;
  background: var(--d-bc);
  box-shadow: 0 0 0 2px var(--tbl-bd);
  margin: 0;
  border: none;
  border-radius: 0 0 var(--v-r-b) var(--v-r-b);
  overflow: auto;
  position: fixed;
  left: 10%;
  top: 0;
  right: 10%;
  bottom: 10%;
  z-index: 5000;
}
.v-doc-lib > iframe {
  width: 100%;
  height: 100%;
  border: none;
  overflow: auto;
}
iframe[name="vlook-stat-gitee"] {
  display: block;
  margin: 0;
  border: none;
  overflow: hidden;
  width: 100%;
  height: 0;
}
.v-interactive.hover {
  border-color: #5ABD3C !important;
}
.v-interactive.hover:active {
  box-shadow: 0 0 0 2px rgba(90, 189, 60, 0.5);
}
.v-interactive.hover:active {
  border-color: #6e9861 !important;
  box-shadow: none;
  transform: none;
}
.v-img-invert-dark {
  background-color: #FFFFFF !important;
  filter: var(--v-invert-dark);
  border-color: var(--img-bd-invert) !important;
}
.v-fig-solid-bg-light {
  background: var(--fig-solid-bg);
}
.v-fig-grid-line-light {
  background: var(--v-fig-grid-l) !important;
}
.v-fig-grid-block-light {
  background: var(--v-fig-grid-b) !important;
}
.v-fig-solid-bg-dark {
  background-color: var(--fig-solid-bg);
}
.v-fig-grid-line-dark {
  background: var(--v-fig-grid-l) !important;
}
.v-fig-grid-block-dark {
  background: var(--v-fig-grid-b) !important;
}
.v-fig-grid-line-dark-invert {
  background: var(--v-fig-grid-l-invert) !important;
}
.v-fig-grid-block-dark-invert {
  background: var(--v-fig-grid-b-invert) !important;
}
.v-fig-content {
  margin: 5px;
  padding: 40px 5px 5px 5px;
  display: table-cell;
  align-content: center;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  color: var(--d-fc);
}
.v-fig-nav-title {
  color: #C0C4C8 !important;
  left: 10px;
  top: 10px;
  position: absolute;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.v-fig-page-num {
  border-radius: var(--v-r-s);
  color: #FFFFFF;
  background: var(--d-fc-a);
  padding-left: 4px;
  padding-right: 4px;
  font: normal 0.875em var(--v-f-fm-bd);
}
.v-caption {
  display: inline-block;
  border-radius: var(--v-r-b);
  background: none;
}
.v-cap-cntr > .v-caption:not(:only-child) {
  margin-bottom: 8px !important;
}
.v-caption.pr {
  width: 100%;
  background-color: var(--d-fc);
  text-align: left;
}
.v-caption.pr > .v-cap-1 > span {
  color: var(--d-bc);
  opacity: 0.6;
}
.v-caption.pr > :is(.v-cap-1, .v-cap-2) {
  color: var(--d-bc);
}
.v-caption.pr > .v-cap-1 {
  background-image: var(--v-i-sys-menu);
  background-repeat: no-repeat;
  background-position: 0 center;
  padding-left: 65px;
}
.v-caption.pr > .v-cap-1::after {
  content: attr(lang);
  color: var(--d-bc);
  opacity: 0.6;
  text-transform: uppercase;
}
.v-caption.pr[d-cap-count="2"] .CodeMirror.cm-s-inner {
  border-radius: 0;
}
.v-caption > .md-fences {
  margin: 0;
}
.v-cap-1,
.v-cap-2 {
  color: var(--d-fc-a);
  font: normal 0.875em var(--v-f-fm-bd);
  margin: 7px 10px 5px !important;
  width: auto !important;
}
.v-cap-2 {
  margin: 5px 10px 7px !important;
}
.v-cap-cntr {
  border-radius: var(--v-r-b);
  margin-bottom: 8px;
}
.v-cap-cntr:last-child {
  margin-bottom: 0;
}
.v-cap-cntr.expander::before {
  content: attr(data-ex-label);
  line-height: 1.25;
  white-space: pre;
  color: var(--a-color);
  font-size: 0.875em;
  font-weight: var(--v-f-w-bd);
  text-align: center;
  width: 100%;
  height: 100px;
  top: calc(var(--v-ex-limit) - 100px);
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(0deg, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 1) 0%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.987) 8.1%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.951) 15.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.896) 22.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.825) 29%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.741) 35.3%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.648) 41.2%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.55) 47.1%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.45) 52.9%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.352) 58.8%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.259) 64.7%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.175) 71%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.104) 77.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.049) 84.5%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0.013) 91.9%, rgba(var(--fade-r), var(--fade-g), var(--fade-b), 0) 100%);
  z-index: 10;
}
.v-cap-cntr.expander:hover::before {
  color: #5ABD3C;
}
.v-svg-small-ico {
  display: inline-block;
}
.v-svg-small-ico[data-chk="no"] {
  opacity: 0.4;
}
.v-rotate45 {
  transform: rotate(45deg);
  opacity: 0.6;
}
.v-rotate90 {
  transform: rotate(90deg);
  opacity: 0.6;
}
use.v-svg-ico-light {
  fill: #FFFFFF;
}
use.v-svg-ico-dark {
  fill: var(--d-fc);
}
use.v-svg-ico-alpha {
  fill: var(--d-fc);
  opacity: 0.2;
}
use.v-svg-ico-theme {
  fill: #0B72D9;
}
use.v-svg-ico-a {
  fill: var(--d-fc-a);
}
.v-svg-chp-nav {
  position: absolute;
  top: 18px;
}
.v-svg-chp-nav.left {
  left: 15px;
}
.v-svg-chp-nav.right {
  right: 15px;
  transform: rotate(180deg);
}
.v-svg-details {
  position: absolute;
  margin-left: calc(0px - var(--v-summary-w));
  margin-top: 0.2rem;
}
.v-mask {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  position: fixed;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 1000;
}
.v-mask.left {
  background: linear-gradient(90deg, #074c90 20%, rgba(7, 76, 144, 0.5));
}
.v-mask.right {
  background: linear-gradient(270deg, #074c90 20%, rgba(7, 76, 144, 0.5));
}
.v-mask.bottom {
  background: linear-gradient(0deg, #074c90 20%, rgba(7, 76, 144, 0.5));
}
.v-mask.center {
  background: radial-gradient(ellipse, #074c90 10%, rgba(7, 76, 144, 0.5));
}
.v-mask-close {
  position: fixed;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  opacity: 0.7;
}
.v-mask-close.left {
  width: 16px;
  height: 60px;
}
.v-mask-close.right {
  width: 16px;
  height: 60px;
}
.v-mask-close.right > svg {
  transform: rotate(180deg);
}
.v-mask-close.bottom {
  width: 60px;
  height: 16px;
}
.v-mask-close.bottom > svg {
  transform: rotate(270deg);
}
.v-backdrop-blurs.enabled {
  backdrop-filter: saturate(180%) blur(15px);
  -webkit-backdrop-filter: saturate(180%) blur(15px);
}
:is(#write, body.typora-export) .v-q {
  color: var(--d-fc);
  width: auto;
  border: none;
  border-radius: var(--v-r-b);
  padding: 0.75em;
}
#write .v-q.rd {
  box-shadow: 0 0 0 4px var(--ac-rd-fade) inset;
  background: none;
  border-color: #C01010 !important;
}
#write .v-q.rd .v-std-code {
  color: #C01010 !important;
}
#write .v-q.rd.em {
  box-shadow: none;
  background: var(--ac-rd-fade) !important;
  border-color: #C01010 !important;
}
#write .v-q.rd mark,
#write .v-q .v-q.rd mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-rd-fade) inset;
}
#write .v-q.rd.em mark,
#write .v-q .v-q.rd.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.rd .v-svg-input-checkbox > use {
  fill: #C01010;
}
#write .v-q.rd a kbd,
#write .v-q .v-q.rd a kbd {
  background: #C01010;
  color: #FFFFFF;
  box-shadow: 0 3px #790a0a;
}
#write .v-q.rd a kbd:hover,
#write .v-q .v-q.rd a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.rd .v-post-card {
  color: #FFFFFF !important;
  background: #C01010 !important;
}
#write .v-q.rd img[src*="#card"],
#write .v-q.rd svg[data-inject-url*="#card"] {
  border-color: #C01010 !important;
}
#write .v-q.rd > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #C01010 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.rd a,
#write .v-q .v-q.rd a {
  color: #C01010;
}
#write .v-q.rd a:hover,
#write .v-q .v-q.rd a:hover {
  color: #5ABD3C !important;
}
#write .v-q.rd a:active,
#write .v-q .v-q.rd a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-rd,
#write .v-q .v-q .title-rd {
  color: var(--ac-rd-title-lg);
}
#write .v-q .title-rd.em,
#write .v-q .v-q .title-rd.em {
  color: var(--ac-rd-title);
}
#write .v-q.rd ::marker,
#write .v-q.rd li::before {
  color: #C01010;
}
#write .v-q.og {
  box-shadow: 0 0 0 4px var(--ac-og-fade) inset;
  background: none;
  border-color: #F87210 !important;
}
#write .v-q.og .v-std-code {
  color: #F87210 !important;
}
#write .v-q.og.em {
  box-shadow: none;
  background: var(--ac-og-fade) !important;
  border-color: #F87210 !important;
}
#write .v-q.og mark,
#write .v-q .v-q.og mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-og-fade) inset;
}
#write .v-q.og.em mark,
#write .v-q .v-q.og.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.og .v-svg-input-checkbox > use {
  fill: #F87210;
}
#write .v-q.og a kbd,
#write .v-q .v-q.og a kbd {
  background: #F87210;
  color: #FFFFFF;
  box-shadow: 0 3px #b65005;
}
#write .v-q.og a kbd:hover,
#write .v-q .v-q.og a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.og .v-post-card {
  color: #FFFFFF !important;
  background: #F87210 !important;
}
#write .v-q.og img[src*="#card"],
#write .v-q.og svg[data-inject-url*="#card"] {
  border-color: #F87210 !important;
}
#write .v-q.og > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #F87210 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.og a,
#write .v-q .v-q.og a {
  color: #F87210;
}
#write .v-q.og a:hover,
#write .v-q .v-q.og a:hover {
  color: #5ABD3C !important;
}
#write .v-q.og a:active,
#write .v-q .v-q.og a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-og,
#write .v-q .v-q .title-og {
  color: var(--ac-og-title-lg);
}
#write .v-q .title-og.em,
#write .v-q .v-q .title-og.em {
  color: var(--ac-og-title);
}
#write .v-q.og ::marker,
#write .v-q.og li::before {
  color: #F87210;
}
#write .v-q.ye {
  box-shadow: 0 0 0 4px var(--ac-ye-fade) inset;
  background: none;
  border-color: #FDC000 !important;
}
#write .v-q.ye .v-std-code {
  color: #FDC000 !important;
}
#write .v-q.ye.em {
  box-shadow: none;
  background: var(--ac-ye-fade) !important;
  border-color: #FDC000 !important;
}
#write .v-q.ye mark,
#write .v-q .v-q.ye mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-ye-fade) inset;
}
#write .v-q.ye.em mark,
#write .v-q .v-q.ye.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.ye .v-svg-input-checkbox > use {
  fill: #FDC000;
}
#write .v-q.ye a kbd,
#write .v-q .v-q.ye a kbd {
  background: #FDC000;
  color: #000000;
  box-shadow: 0 3px #b18600;
}
#write .v-q.ye a kbd:hover,
#write .v-q .v-q.ye a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.ye .v-post-card {
  color: #000000 !important;
  background: #FDC000 !important;
}
#write .v-q.ye img[src*="#card"],
#write .v-q.ye svg[data-inject-url*="#card"] {
  border-color: #FDC000 !important;
}
#write .v-q.ye > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #FDC000 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.ye a,
#write .v-q .v-q.ye a {
  color: #FDC000;
}
#write .v-q.ye a:hover,
#write .v-q .v-q.ye a:hover {
  color: #5ABD3C !important;
}
#write .v-q.ye a:active,
#write .v-q .v-q.ye a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-ye,
#write .v-q .v-q .title-ye {
  color: var(--ac-ye-title-lg);
}
#write .v-q .title-ye.em,
#write .v-q .v-q .title-ye.em {
  color: var(--ac-ye-title);
}
#write .v-q.ye ::marker,
#write .v-q.ye li::before {
  color: #FDC000;
}
#write .v-q.lm {
  box-shadow: 0 0 0 4px var(--ac-lm-fade) inset;
  background: none;
  border-color: #A8C818 !important;
}
#write .v-q.lm .v-std-code {
  color: #A8C818 !important;
}
#write .v-q.lm.em {
  box-shadow: none;
  background: var(--ac-lm-fade) !important;
  border-color: #A8C818 !important;
}
#write .v-q.lm mark,
#write .v-q .v-q.lm mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-lm-fade) inset;
}
#write .v-q.lm.em mark,
#write .v-q .v-q.lm.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.lm .v-svg-input-checkbox > use {
  fill: #A8C818;
}
#write .v-q.lm a kbd,
#write .v-q .v-q.lm a kbd {
  background: #A8C818;
  color: #000000;
  box-shadow: 0 3px #6f8410;
}
#write .v-q.lm a kbd:hover,
#write .v-q .v-q.lm a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.lm .v-post-card {
  color: #000000 !important;
  background: #A8C818 !important;
}
#write .v-q.lm img[src*="#card"],
#write .v-q.lm svg[data-inject-url*="#card"] {
  border-color: #A8C818 !important;
}
#write .v-q.lm > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #A8C818 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.lm a,
#write .v-q .v-q.lm a {
  color: #A8C818;
}
#write .v-q.lm a:hover,
#write .v-q .v-q.lm a:hover {
  color: #5ABD3C !important;
}
#write .v-q.lm a:active,
#write .v-q .v-q.lm a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-lm,
#write .v-q .v-q .title-lm {
  color: var(--ac-lm-title-lg);
}
#write .v-q .title-lm.em,
#write .v-q .v-q .title-lm.em {
  color: var(--ac-lm-title);
}
#write .v-q.lm ::marker,
#write .v-q.lm li::before {
  color: #A8C818;
}
#write .v-q.gn {
  box-shadow: 0 0 0 4px var(--ac-gn-fade) inset;
  background: none;
  border-color: #10A030 !important;
}
#write .v-q.gn .v-std-code {
  color: #10A030 !important;
}
#write .v-q.gn.em {
  box-shadow: none;
  background: var(--ac-gn-fade) !important;
  border-color: #10A030 !important;
}
#write .v-q.gn mark,
#write .v-q .v-q.gn mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-gn-fade) inset;
}
#write .v-q.gn.em mark,
#write .v-q .v-q.gn.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.gn .v-svg-input-checkbox > use {
  fill: #10A030;
}
#write .v-q.gn a kbd,
#write .v-q .v-q.gn a kbd {
  background: #10A030;
  color: #FFFFFF;
  box-shadow: 0 3px #095a1b;
}
#write .v-q.gn a kbd:hover,
#write .v-q .v-q.gn a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.gn .v-post-card {
  color: #FFFFFF !important;
  background: #10A030 !important;
}
#write .v-q.gn img[src*="#card"],
#write .v-q.gn svg[data-inject-url*="#card"] {
  border-color: #10A030 !important;
}
#write .v-q.gn > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #10A030 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.gn a,
#write .v-q .v-q.gn a {
  color: #10A030;
}
#write .v-q.gn a:hover,
#write .v-q .v-q.gn a:hover {
  color: #5ABD3C !important;
}
#write .v-q.gn a:active,
#write .v-q .v-q.gn a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-gn,
#write .v-q .v-q .title-gn {
  color: var(--ac-gn-title-lg);
}
#write .v-q .title-gn.em,
#write .v-q .v-q .title-gn.em {
  color: var(--ac-gn-title);
}
#write .v-q.gn ::marker,
#write .v-q.gn li::before {
  color: #10A030;
}
#write .v-q.mn {
  box-shadow: 0 0 0 4px var(--ac-mn-fade) inset;
  background: none;
  border-color: #106C5C !important;
}
#write .v-q.mn .v-std-code {
  color: #106C5C !important;
}
#write .v-q.mn.em {
  box-shadow: none;
  background: var(--ac-mn-fade) !important;
  border-color: #106C5C !important;
}
#write .v-q.mn mark,
#write .v-q .v-q.mn mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-mn-fade) inset;
}
#write .v-q.mn.em mark,
#write .v-q .v-q.mn.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.mn .v-svg-input-checkbox > use {
  fill: #106C5C;
}
#write .v-q.mn a kbd,
#write .v-q .v-q.mn a kbd {
  background: #106C5C;
  color: #FFFFFF;
  box-shadow: 0 3px #062923;
}
#write .v-q.mn a kbd:hover,
#write .v-q .v-q.mn a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.mn .v-post-card {
  color: #FFFFFF !important;
  background: #106C5C !important;
}
#write .v-q.mn img[src*="#card"],
#write .v-q.mn svg[data-inject-url*="#card"] {
  border-color: #106C5C !important;
}
#write .v-q.mn > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #106C5C !important;
  border-radius: var(--v-r-b);
}
#write .v-q.mn a,
#write .v-q .v-q.mn a {
  color: #106C5C;
}
#write .v-q.mn a:hover,
#write .v-q .v-q.mn a:hover {
  color: #5ABD3C !important;
}
#write .v-q.mn a:active,
#write .v-q .v-q.mn a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-mn,
#write .v-q .v-q .title-mn {
  color: var(--ac-mn-title-lg);
}
#write .v-q .title-mn.em,
#write .v-q .v-q .title-mn.em {
  color: var(--ac-mn-title);
}
#write .v-q.mn ::marker,
#write .v-q.mn li::before {
  color: #106C5C;
}
#write .v-q.ol {
  box-shadow: 0 0 0 4px var(--ac-ol-fade) inset;
  background: none;
  border-color: #607010 !important;
}
#write .v-q.ol .v-std-code {
  color: #607010 !important;
}
#write .v-q.ol.em {
  box-shadow: none;
  background: var(--ac-ol-fade) !important;
  border-color: #607010 !important;
}
#write .v-q.ol mark,
#write .v-q .v-q.ol mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-ol-fade) inset;
}
#write .v-q.ol.em mark,
#write .v-q .v-q.ol.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.ol .v-svg-input-checkbox > use {
  fill: #607010;
}
#write .v-q.ol a kbd,
#write .v-q .v-q.ol a kbd {
  background: #607010;
  color: #FFFFFF;
  box-shadow: 0 3px #272d06;
}
#write .v-q.ol a kbd:hover,
#write .v-q .v-q.ol a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.ol .v-post-card {
  color: #FFFFFF !important;
  background: #607010 !important;
}
#write .v-q.ol img[src*="#card"],
#write .v-q.ol svg[data-inject-url*="#card"] {
  border-color: #607010 !important;
}
#write .v-q.ol > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #607010 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.ol a,
#write .v-q .v-q.ol a {
  color: #607010;
}
#write .v-q.ol a:hover,
#write .v-q .v-q.ol a:hover {
  color: #5ABD3C !important;
}
#write .v-q.ol a:active,
#write .v-q .v-q.ol a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-ol,
#write .v-q .v-q .title-ol {
  color: var(--ac-ol-title-lg);
}
#write .v-q .title-ol.em,
#write .v-q .v-q .title-ol.em {
  color: var(--ac-ol-title);
}
#write .v-q.ol ::marker,
#write .v-q.ol li::before {
  color: #607010;
}
#write .v-q.wn {
  box-shadow: 0 0 0 4px var(--ac-wn-fade) inset;
  background: none;
  border-color: #901050 !important;
}
#write .v-q.wn .v-std-code {
  color: #901050 !important;
}
#write .v-q.wn.em {
  box-shadow: none;
  background: var(--ac-wn-fade) !important;
  border-color: #901050 !important;
}
#write .v-q.wn mark,
#write .v-q .v-q.wn mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-wn-fade) inset;
}
#write .v-q.wn.em mark,
#write .v-q .v-q.wn.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.wn .v-svg-input-checkbox > use {
  fill: #901050;
}
#write .v-q.wn a kbd,
#write .v-q .v-q.wn a kbd {
  background: #901050;
  color: #FFFFFF;
  box-shadow: 0 3px #4b082a;
}
#write .v-q.wn a kbd:hover,
#write .v-q .v-q.wn a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.wn .v-post-card {
  color: #FFFFFF !important;
  background: #901050 !important;
}
#write .v-q.wn img[src*="#card"],
#write .v-q.wn svg[data-inject-url*="#card"] {
  border-color: #901050 !important;
}
#write .v-q.wn > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #901050 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.wn a,
#write .v-q .v-q.wn a {
  color: #901050;
}
#write .v-q.wn a:hover,
#write .v-q .v-q.wn a:hover {
  color: #5ABD3C !important;
}
#write .v-q.wn a:active,
#write .v-q .v-q.wn a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-wn,
#write .v-q .v-q .title-wn {
  color: var(--ac-wn-title-lg);
}
#write .v-q .title-wn.em,
#write .v-q .v-q .title-wn.em {
  color: var(--ac-wn-title);
}
#write .v-q.wn ::marker,
#write .v-q.wn li::before {
  color: #901050;
}
#write .v-q.aq {
  box-shadow: 0 0 0 4px var(--ac-aq-fade) inset;
  background: none;
  border-color: #30DBD4 !important;
}
#write .v-q.aq .v-std-code {
  color: #30DBD4 !important;
}
#write .v-q.aq.em {
  box-shadow: none;
  background: var(--ac-aq-fade) !important;
  border-color: #30DBD4 !important;
}
#write .v-q.aq mark,
#write .v-q .v-q.aq mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-aq-fade) inset;
}
#write .v-q.aq.em mark,
#write .v-q .v-q.aq.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.aq .v-svg-input-checkbox > use {
  fill: #30DBD4;
}
#write .v-q.aq a kbd,
#write .v-q .v-q.aq a kbd {
  background: #30DBD4;
  color: #000000;
  box-shadow: 0 3px #1ca29d;
}
#write .v-q.aq a kbd:hover,
#write .v-q .v-q.aq a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.aq .v-post-card {
  color: #000000 !important;
  background: #30DBD4 !important;
}
#write .v-q.aq img[src*="#card"],
#write .v-q.aq svg[data-inject-url*="#card"] {
  border-color: #30DBD4 !important;
}
#write .v-q.aq > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #30DBD4 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.aq a,
#write .v-q .v-q.aq a {
  color: #30DBD4;
}
#write .v-q.aq a:hover,
#write .v-q .v-q.aq a:hover {
  color: #5ABD3C !important;
}
#write .v-q.aq a:active,
#write .v-q .v-q.aq a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-aq,
#write .v-q .v-q .title-aq {
  color: var(--ac-aq-title-lg);
}
#write .v-q .title-aq.em,
#write .v-q .v-q .title-aq.em {
  color: var(--ac-aq-title);
}
#write .v-q.aq ::marker,
#write .v-q.aq li::before {
  color: #30DBD4;
}
#write .v-q.cy {
  box-shadow: 0 0 0 4px var(--ac-cy-fade) inset;
  background: none;
  border-color: #10A0A8 !important;
}
#write .v-q.cy .v-std-code {
  color: #10A0A8 !important;
}
#write .v-q.cy.em {
  box-shadow: none;
  background: var(--ac-cy-fade) !important;
  border-color: #10A0A8 !important;
}
#write .v-q.cy mark,
#write .v-q .v-q.cy mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-cy-fade) inset;
}
#write .v-q.cy.em mark,
#write .v-q .v-q.cy.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.cy .v-svg-input-checkbox > use {
  fill: #10A0A8;
}
#write .v-q.cy a kbd,
#write .v-q .v-q.cy a kbd {
  background: #10A0A8;
  color: #FFFFFF;
  box-shadow: 0 3px #095d62;
}
#write .v-q.cy a kbd:hover,
#write .v-q .v-q.cy a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.cy .v-post-card {
  color: #FFFFFF !important;
  background: #10A0A8 !important;
}
#write .v-q.cy img[src*="#card"],
#write .v-q.cy svg[data-inject-url*="#card"] {
  border-color: #10A0A8 !important;
}
#write .v-q.cy > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #10A0A8 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.cy a,
#write .v-q .v-q.cy a {
  color: #10A0A8;
}
#write .v-q.cy a:hover,
#write .v-q .v-q.cy a:hover {
  color: #5ABD3C !important;
}
#write .v-q.cy a:active,
#write .v-q .v-q.cy a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-cy,
#write .v-q .v-q .title-cy {
  color: var(--ac-cy-title-lg);
}
#write .v-q .title-cy.em,
#write .v-q .v-q .title-cy.em {
  color: var(--ac-cy-title);
}
#write .v-q.cy ::marker,
#write .v-q.cy li::before {
  color: #10A0A8;
}
#write .v-q.bu {
  box-shadow: 0 0 0 4px var(--ac-bu-fade) inset;
  background: none;
  border-color: #1090F0 !important;
}
#write .v-q.bu .v-std-code {
  color: #1090F0 !important;
}
#write .v-q.bu.em {
  box-shadow: none;
  background: var(--ac-bu-fade) !important;
  border-color: #1090F0 !important;
}
#write .v-q.bu mark,
#write .v-q .v-q.bu mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-bu-fade) inset;
}
#write .v-q.bu.em mark,
#write .v-q .v-q.bu.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.bu .v-svg-input-checkbox > use {
  fill: #1090F0;
}
#write .v-q.bu a kbd,
#write .v-q .v-q.bu a kbd {
  background: #1090F0;
  color: #FFFFFF;
  box-shadow: 0 3px #0b65a9;
}
#write .v-q.bu a kbd:hover,
#write .v-q .v-q.bu a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.bu .v-post-card {
  color: #FFFFFF !important;
  background: #1090F0 !important;
}
#write .v-q.bu img[src*="#card"],
#write .v-q.bu svg[data-inject-url*="#card"] {
  border-color: #1090F0 !important;
}
#write .v-q.bu > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #1090F0 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.bu a,
#write .v-q .v-q.bu a {
  color: #1090F0;
}
#write .v-q.bu a:hover,
#write .v-q .v-q.bu a:hover {
  color: #5ABD3C !important;
}
#write .v-q.bu a:active,
#write .v-q .v-q.bu a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-bu,
#write .v-q .v-q .title-bu {
  color: var(--ac-bu-title-lg);
}
#write .v-q .title-bu.em,
#write .v-q .v-q .title-bu.em {
  color: var(--ac-bu-title);
}
#write .v-q.bu ::marker,
#write .v-q.bu li::before {
  color: #1090F0;
}
#write .v-q.se {
  box-shadow: 0 0 0 4px var(--ac-se-fade) inset;
  background: none;
  border-color: #1040C0 !important;
}
#write .v-q.se .v-std-code {
  color: #1040C0 !important;
}
#write .v-q.se.em {
  box-shadow: none;
  background: var(--ac-se-fade) !important;
  border-color: #1040C0 !important;
}
#write .v-q.se mark,
#write .v-q .v-q.se mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-se-fade) inset;
}
#write .v-q.se.em mark,
#write .v-q .v-q.se.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.se .v-svg-input-checkbox > use {
  fill: #1040C0;
}
#write .v-q.se a kbd,
#write .v-q .v-q.se a kbd {
  background: #1040C0;
  color: #FFFFFF;
  box-shadow: 0 3px #0a2879;
}
#write .v-q.se a kbd:hover,
#write .v-q .v-q.se a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.se .v-post-card {
  color: #FFFFFF !important;
  background: #1040C0 !important;
}
#write .v-q.se img[src*="#card"],
#write .v-q.se svg[data-inject-url*="#card"] {
  border-color: #1040C0 !important;
}
#write .v-q.se > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #1040C0 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.se a,
#write .v-q .v-q.se a {
  color: #1040C0;
}
#write .v-q.se a:hover,
#write .v-q .v-q.se a:hover {
  color: #5ABD3C !important;
}
#write .v-q.se a:active,
#write .v-q .v-q.se a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-se,
#write .v-q .v-q .title-se {
  color: var(--ac-se-title-lg);
}
#write .v-q .title-se.em,
#write .v-q .v-q .title-se.em {
  color: var(--ac-se-title);
}
#write .v-q.se ::marker,
#write .v-q.se li::before {
  color: #1040C0;
}
#write .v-q.la {
  box-shadow: 0 0 0 4px var(--ac-la-fade) inset;
  background: none;
  border-color: #A4A0EC !important;
}
#write .v-q.la .v-std-code {
  color: #A4A0EC !important;
}
#write .v-q.la.em {
  box-shadow: none;
  background: var(--ac-la-fade) !important;
  border-color: #A4A0EC !important;
}
#write .v-q.la mark,
#write .v-q .v-q.la mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-la-fade) inset;
}
#write .v-q.la.em mark,
#write .v-q .v-q.la.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.la .v-svg-input-checkbox > use {
  fill: #A4A0EC;
}
#write .v-q.la a kbd,
#write .v-q .v-q.la a kbd {
  background: #A4A0EC;
  color: #000000;
  box-shadow: 0 3px #6760df;
}
#write .v-q.la a kbd:hover,
#write .v-q .v-q.la a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.la .v-post-card {
  color: #000000 !important;
  background: #A4A0EC !important;
}
#write .v-q.la img[src*="#card"],
#write .v-q.la svg[data-inject-url*="#card"] {
  border-color: #A4A0EC !important;
}
#write .v-q.la > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #A4A0EC !important;
  border-radius: var(--v-r-b);
}
#write .v-q.la a,
#write .v-q .v-q.la a {
  color: #A4A0EC;
}
#write .v-q.la a:hover,
#write .v-q .v-q.la a:hover {
  color: #5ABD3C !important;
}
#write .v-q.la a:active,
#write .v-q .v-q.la a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-la,
#write .v-q .v-q .title-la {
  color: var(--ac-la-title-lg);
}
#write .v-q .title-la.em,
#write .v-q .v-q .title-la.em {
  color: var(--ac-la-title);
}
#write .v-q.la ::marker,
#write .v-q.la li::before {
  color: #A4A0EC;
}
#write .v-q.vn {
  box-shadow: 0 0 0 4px var(--ac-vn-fade) inset;
  background: none;
  border-color: #5C58D8 !important;
}
#write .v-q.vn .v-std-code {
  color: #5C58D8 !important;
}
#write .v-q.vn.em {
  box-shadow: none;
  background: var(--ac-vn-fade) !important;
  border-color: #5C58D8 !important;
}
#write .v-q.vn mark,
#write .v-q .v-q.vn mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-vn-fade) inset;
}
#write .v-q.vn.em mark,
#write .v-q .v-q.vn.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.vn .v-svg-input-checkbox > use {
  fill: #5C58D8;
}
#write .v-q.vn a kbd,
#write .v-q .v-q.vn a kbd {
  background: #5C58D8;
  color: #FFFFFF;
  box-shadow: 0 3px #2f2bb8;
}
#write .v-q.vn a kbd:hover,
#write .v-q .v-q.vn a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.vn .v-post-card {
  color: #FFFFFF !important;
  background: #5C58D8 !important;
}
#write .v-q.vn img[src*="#card"],
#write .v-q.vn svg[data-inject-url*="#card"] {
  border-color: #5C58D8 !important;
}
#write .v-q.vn > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #5C58D8 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.vn a,
#write .v-q .v-q.vn a {
  color: #5C58D8;
}
#write .v-q.vn a:hover,
#write .v-q .v-q.vn a:hover {
  color: #5ABD3C !important;
}
#write .v-q.vn a:active,
#write .v-q .v-q.vn a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-vn,
#write .v-q .v-q .title-vn {
  color: var(--ac-vn-title-lg);
}
#write .v-q .title-vn.em,
#write .v-q .v-q .title-vn.em {
  color: var(--ac-vn-title);
}
#write .v-q.vn ::marker,
#write .v-q.vn li::before {
  color: #5C58D8;
}
#write .v-q.pu {
  box-shadow: 0 0 0 4px var(--ac-pu-fade) inset;
  background: none;
  border-color: #8820B0 !important;
}
#write .v-q.pu .v-std-code {
  color: #8820B0 !important;
}
#write .v-q.pu.em {
  box-shadow: none;
  background: var(--ac-pu-fade) !important;
  border-color: #8820B0 !important;
}
#write .v-q.pu mark,
#write .v-q .v-q.pu mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-pu-fade) inset;
}
#write .v-q.pu.em mark,
#write .v-q .v-q.pu.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.pu .v-svg-input-checkbox > use {
  fill: #8820B0;
}
#write .v-q.pu a kbd,
#write .v-q .v-q.pu a kbd {
  background: #8820B0;
  color: #FFFFFF;
  box-shadow: 0 3px #56146f;
}
#write .v-q.pu a kbd:hover,
#write .v-q .v-q.pu a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.pu .v-post-card {
  color: #FFFFFF !important;
  background: #8820B0 !important;
}
#write .v-q.pu img[src*="#card"],
#write .v-q.pu svg[data-inject-url*="#card"] {
  border-color: #8820B0 !important;
}
#write .v-q.pu > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #8820B0 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.pu a,
#write .v-q .v-q.pu a {
  color: #8820B0;
}
#write .v-q.pu a:hover,
#write .v-q .v-q.pu a:hover {
  color: #5ABD3C !important;
}
#write .v-q.pu a:active,
#write .v-q .v-q.pu a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-pu,
#write .v-q .v-q .title-pu {
  color: var(--ac-pu-title-lg);
}
#write .v-q .title-pu.em,
#write .v-q .v-q .title-pu.em {
  color: var(--ac-pu-title);
}
#write .v-q.pu ::marker,
#write .v-q.pu li::before {
  color: #8820B0;
}
#write .v-q.ro {
  box-shadow: 0 0 0 4px var(--ac-ro-fade) inset;
  background: none;
  border-color: #E440D0 !important;
}
#write .v-q.ro .v-std-code {
  color: #E440D0 !important;
}
#write .v-q.ro.em {
  box-shadow: none;
  background: var(--ac-ro-fade) !important;
  border-color: #E440D0 !important;
}
#write .v-q.ro mark,
#write .v-q .v-q.ro mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-ro-fade) inset;
}
#write .v-q.ro.em mark,
#write .v-q .v-q.ro.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.ro .v-svg-input-checkbox > use {
  fill: #E440D0;
}
#write .v-q.ro a kbd,
#write .v-q .v-q.ro a kbd {
  background: #E440D0;
  color: #FFFFFF;
  box-shadow: 0 3px #bd1ba9;
}
#write .v-q.ro a kbd:hover,
#write .v-q .v-q.ro a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.ro .v-post-card {
  color: #FFFFFF !important;
  background: #E440D0 !important;
}
#write .v-q.ro img[src*="#card"],
#write .v-q.ro svg[data-inject-url*="#card"] {
  border-color: #E440D0 !important;
}
#write .v-q.ro > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #E440D0 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.ro a,
#write .v-q .v-q.ro a {
  color: #E440D0;
}
#write .v-q.ro a:hover,
#write .v-q .v-q.ro a:hover {
  color: #5ABD3C !important;
}
#write .v-q.ro a:active,
#write .v-q .v-q.ro a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-ro,
#write .v-q .v-q .title-ro {
  color: var(--ac-ro-title-lg);
}
#write .v-q .title-ro.em,
#write .v-q .v-q .title-ro.em {
  color: var(--ac-ro-title);
}
#write .v-q.ro ::marker,
#write .v-q.ro li::before {
  color: #E440D0;
}
#write .v-q.pk {
  box-shadow: 0 0 0 4px var(--ac-pk-fade) inset;
  background: none;
  border-color: #F8A8D0 !important;
}
#write .v-q.pk .v-std-code {
  color: #F8A8D0 !important;
}
#write .v-q.pk.em {
  box-shadow: none;
  background: var(--ac-pk-fade) !important;
  border-color: #F8A8D0 !important;
}
#write .v-q.pk mark,
#write .v-q .v-q.pk mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-pk-fade) inset;
}
#write .v-q.pk.em mark,
#write .v-q .v-q.pk.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.pk .v-svg-input-checkbox > use {
  fill: #F8A8D0;
}
#write .v-q.pk a kbd,
#write .v-q .v-q.pk a kbd {
  background: #F8A8D0;
  color: #000000;
  box-shadow: 0 3px #f261aa;
}
#write .v-q.pk a kbd:hover,
#write .v-q .v-q.pk a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.pk .v-post-card {
  color: #000000 !important;
  background: #F8A8D0 !important;
}
#write .v-q.pk img[src*="#card"],
#write .v-q.pk svg[data-inject-url*="#card"] {
  border-color: #F8A8D0 !important;
}
#write .v-q.pk > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #F8A8D0 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.pk a,
#write .v-q .v-q.pk a {
  color: #F8A8D0;
}
#write .v-q.pk a:hover,
#write .v-q .v-q.pk a:hover {
  color: #5ABD3C !important;
}
#write .v-q.pk a:active,
#write .v-q .v-q.pk a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-pk,
#write .v-q .v-q .title-pk {
  color: var(--ac-pk-title-lg);
}
#write .v-q .title-pk.em,
#write .v-q .v-q .title-pk.em {
  color: var(--ac-pk-title);
}
#write .v-q.pk ::marker,
#write .v-q.pk li::before {
  color: #F8A8D0;
}
#write .v-q.gd {
  box-shadow: 0 0 0 4px var(--ac-gd-fade) inset;
  background: none;
  border-color: #D8B8B0 !important;
}
#write .v-q.gd .v-std-code {
  color: #D8B8B0 !important;
}
#write .v-q.gd.em {
  box-shadow: none;
  background: var(--ac-gd-fade) !important;
  border-color: #D8B8B0 !important;
}
#write .v-q.gd mark,
#write .v-q .v-q.gd mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-gd-fade) inset;
}
#write .v-q.gd.em mark,
#write .v-q .v-q.gd.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.gd .v-svg-input-checkbox > use {
  fill: #D8B8B0;
}
#write .v-q.gd a kbd,
#write .v-q .v-q.gd a kbd {
  background: #D8B8B0;
  color: #000000;
  box-shadow: 0 3px #bf8a7d;
}
#write .v-q.gd a kbd:hover,
#write .v-q .v-q.gd a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.gd .v-post-card {
  color: #000000 !important;
  background: #D8B8B0 !important;
}
#write .v-q.gd img[src*="#card"],
#write .v-q.gd svg[data-inject-url*="#card"] {
  border-color: #D8B8B0 !important;
}
#write .v-q.gd > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #D8B8B0 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.gd a,
#write .v-q .v-q.gd a {
  color: #D8B8B0;
}
#write .v-q.gd a:hover,
#write .v-q .v-q.gd a:hover {
  color: #5ABD3C !important;
}
#write .v-q.gd a:active,
#write .v-q .v-q.gd a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-gd,
#write .v-q .v-q .title-gd {
  color: var(--ac-gd-title-lg);
}
#write .v-q .title-gd.em,
#write .v-q .v-q .title-gd.em {
  color: var(--ac-gd-title);
}
#write .v-q.gd ::marker,
#write .v-q.gd li::before {
  color: #D8B8B0;
}
#write .v-q.bn {
  box-shadow: 0 0 0 4px var(--ac-bn-fade) inset;
  background: none;
  border-color: #906040 !important;
}
#write .v-q.bn .v-std-code {
  color: #906040 !important;
}
#write .v-q.bn.em {
  box-shadow: none;
  background: var(--ac-bn-fade) !important;
  border-color: #906040 !important;
}
#write .v-q.bn mark,
#write .v-q .v-q.bn mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-bn-fade) inset;
}
#write .v-q.bn.em mark,
#write .v-q .v-q.bn.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.bn .v-svg-input-checkbox > use {
  fill: #906040;
}
#write .v-q.bn a kbd,
#write .v-q .v-q.bn a kbd {
  background: #906040;
  color: #FFFFFF;
  box-shadow: 0 3px #5b3d28;
}
#write .v-q.bn a kbd:hover,
#write .v-q .v-q.bn a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.bn .v-post-card {
  color: #FFFFFF !important;
  background: #906040 !important;
}
#write .v-q.bn img[src*="#card"],
#write .v-q.bn svg[data-inject-url*="#card"] {
  border-color: #906040 !important;
}
#write .v-q.bn > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #906040 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.bn a,
#write .v-q .v-q.bn a {
  color: #906040;
}
#write .v-q.bn a:hover,
#write .v-q .v-q.bn a:hover {
  color: #5ABD3C !important;
}
#write .v-q.bn a:active,
#write .v-q .v-q.bn a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-bn,
#write .v-q .v-q .title-bn {
  color: var(--ac-bn-title-lg);
}
#write .v-q .title-bn.em,
#write .v-q .v-q .title-bn.em {
  color: var(--ac-bn-title);
}
#write .v-q.bn ::marker,
#write .v-q.bn li::before {
  color: #906040;
}
#write .v-q.gy {
  box-shadow: 0 0 0 4px var(--ac-gy-fade) inset;
  background: none;
  border-color: #888B8F !important;
}
#write .v-q.gy .v-std-code {
  color: #888B8F !important;
}
#write .v-q.gy.em {
  box-shadow: none;
  background: var(--ac-gy-fade) !important;
  border-color: #888B8F !important;
}
#write .v-q.gy mark,
#write .v-q .v-q.gy mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-gy-fade) inset;
}
#write .v-q.gy.em mark,
#write .v-q .v-q.gy.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.gy .v-svg-input-checkbox > use {
  fill: #888B8F;
}
#write .v-q.gy a kbd,
#write .v-q .v-q.gy a kbd {
  background: #888B8F;
  color: #FFFFFF;
  box-shadow: 0 3px #626568;
}
#write .v-q.gy a kbd:hover,
#write .v-q .v-q.gy a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.gy .v-post-card {
  color: #FFFFFF !important;
  background: #888B8F !important;
}
#write .v-q.gy img[src*="#card"],
#write .v-q.gy svg[data-inject-url*="#card"] {
  border-color: #888B8F !important;
}
#write .v-q.gy > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #888B8F !important;
  border-radius: var(--v-r-b);
}
#write .v-q.gy a,
#write .v-q .v-q.gy a {
  color: #888B8F;
}
#write .v-q.gy a:hover,
#write .v-q .v-q.gy a:hover {
  color: #5ABD3C !important;
}
#write .v-q.gy a:active,
#write .v-q .v-q.gy a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-gy,
#write .v-q .v-q .title-gy {
  color: var(--ac-gy-title-lg);
}
#write .v-q .title-gy.em,
#write .v-q .v-q .title-gy.em {
  color: var(--ac-gy-title);
}
#write .v-q.gy ::marker,
#write .v-q.gy li::before {
  color: #888B8F;
}
#write .v-q.t1 {
  box-shadow: 0 0 0 4px var(--ac-t1-fade) inset;
  background: none;
  border-color: #0B72D9 !important;
}
#write .v-q.t1 .v-std-code {
  color: #0B72D9 !important;
}
#write .v-q.t1.em {
  box-shadow: none;
  background: var(--ac-t1-fade) !important;
  border-color: #0B72D9 !important;
}
#write .v-q.t1 mark,
#write .v-q .v-q.t1 mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-t1-fade) inset;
}
#write .v-q.t1.em mark,
#write .v-q .v-q.t1.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.t1 .v-svg-input-checkbox > use {
  fill: #0B72D9;
}
#write .v-q.t1 a kbd,
#write .v-q .v-q.t1 a kbd {
  background: #0B72D9;
  color: #FFFFFF;
  box-shadow: 0 3px #074c90;
}
#write .v-q.t1 a kbd:hover,
#write .v-q .v-q.t1 a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.t1 .v-post-card {
  color: #FFFFFF !important;
  background: #0B72D9 !important;
}
#write .v-q.t1 img[src*="#card"],
#write .v-q.t1 svg[data-inject-url*="#card"] {
  border-color: #0B72D9 !important;
}
#write .v-q.t1 > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #0B72D9 !important;
  border-radius: var(--v-r-b);
}
#write .v-q.t1 a,
#write .v-q .v-q.t1 a {
  color: #0B72D9;
}
#write .v-q.t1 a:hover,
#write .v-q .v-q.t1 a:hover {
  color: #5ABD3C !important;
}
#write .v-q.t1 a:active,
#write .v-q .v-q.t1 a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-t1,
#write .v-q .v-q .title-t1 {
  color: var(--ac-t1-title-lg);
}
#write .v-q .title-t1.em,
#write .v-q .v-q .title-t1.em {
  color: var(--ac-t1-title);
}
#write .v-q.t1 ::marker,
#write .v-q.t1 li::before {
  color: #0B72D9;
}
#write .v-q.t2 {
  box-shadow: 0 0 0 4px var(--ac-t2-fade) inset;
  background: none;
  border-color: #5ABD3C !important;
}
#write .v-q.t2 .v-std-code {
  color: #5ABD3C !important;
}
#write .v-q.t2.em {
  box-shadow: none;
  background: var(--ac-t2-fade) !important;
  border-color: #5ABD3C !important;
}
#write .v-q.t2 mark,
#write .v-q .v-q.t2 mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-t2-fade) inset;
}
#write .v-q.t2.em mark,
#write .v-q .v-q.t2.em mark {
  box-shadow: 0 -0.9em 0 0 var(--d-bc) inset;
}
#write .v-q.t2 .v-svg-input-checkbox > use {
  fill: #5ABD3C;
}
#write .v-q.t2 a kbd,
#write .v-q .v-q.t2 a kbd {
  background: #5ABD3C;
  color: #FFFFFF;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.t2 a kbd:hover,
#write .v-q .v-q.t2 a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .v-q.t2 .v-post-card {
  color: #FFFFFF !important;
  background: #5ABD3C !important;
}
#write .v-q.t2 img[src*="#card"],
#write .v-q.t2 svg[data-inject-url*="#card"] {
  border-color: #5ABD3C !important;
}
#write .v-q.t2 > p:has(img[src*="#card"][src*="#border"]) {
  background-color: #5ABD3C !important;
  border-radius: var(--v-r-b);
}
#write .v-q.t2 a,
#write .v-q .v-q.t2 a {
  color: #5ABD3C;
}
#write .v-q.t2 a:hover,
#write .v-q .v-q.t2 a:hover {
  color: #5ABD3C !important;
}
#write .v-q.t2 a:active,
#write .v-q .v-q.t2 a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .v-q .title-t2,
#write .v-q .v-q .title-t2 {
  color: var(--ac-t2-title-lg);
}
#write .v-q .title-t2.em,
#write .v-q .v-q .title-t2.em {
  color: var(--ac-t2-title);
}
#write .v-q.t2 ::marker,
#write .v-q.t2 li::before {
  color: #5ABD3C;
}
.v-tag,
.v-badge-name,
.v-badge-name > label,
.v-badge-value,
.v-std-code {
  cursor: var(--cur-copy);
}
content > #write em > span[md-inline="code"]:only-child > code,
.outline-content em:only-child > code,
.v-tag {
  font-weight: var(--v-f-w-bd);
  text-shadow: none;
  box-shadow: none !important;
  color: var(--ac-t2);
  background: var(--ac-t2-a);
  border-radius: var(--v-r-tag);
  white-space: pre;
  vertical-align: middle;
}
.v-tag.hover {
  filter: brightness(90%);
}
.v-tag.wn {
  color: var(--ac-wn) !important;
  background: var(--ac-wn-a) !important;
  border: 1px solid var(--ac-wn-fade-bd) !important;
}
.v-tag.wn.em {
  color: #FFFFFF !important;
  background: var(--ac-wn) !important;
  border: none !important;
}
.v-tag.rd {
  color: var(--ac-rd) !important;
  background: var(--ac-rd-a) !important;
  border: 1px solid var(--ac-rd-fade-bd) !important;
}
.v-tag.rd.em {
  color: #FFFFFF !important;
  background: var(--ac-rd) !important;
  border: none !important;
}
.v-tag.og {
  color: var(--ac-og) !important;
  background: var(--ac-og-a) !important;
  border: 1px solid var(--ac-og-fade-bd) !important;
}
.v-tag.og.em {
  color: #FFFFFF !important;
  background: var(--ac-og) !important;
  border: none !important;
}
.v-tag.ye {
  color: var(--ac-ye-title-lg) !important;
  background: var(--ac-ye-a) !important;
  border: 1px solid var(--ac-ye-fade-bd) !important;
}
.v-tag.ye.em {
  color: #000000 !important;
  background: var(--ac-ye) !important;
  border: none !important;
}
.v-tag.lm {
  color: var(--ac-lm-title-lg) !important;
  background: var(--ac-lm-a) !important;
  border: 1px solid var(--ac-lm-fade-bd) !important;
}
.v-tag.lm.em {
  color: #FFFFFF !important;
  background: var(--ac-lm) !important;
  border: none !important;
}
.v-tag.gn {
  color: var(--ac-gn) !important;
  background: var(--ac-gn-a) !important;
  border: 1px solid var(--ac-gn-fade-bd) !important;
}
.v-tag.gn.em {
  color: #FFFFFF !important;
  background: var(--ac-gn) !important;
  border: none !important;
}
.v-tag.mn {
  color: var(--ac-mn) !important;
  background: var(--ac-mn-a) !important;
  border: 1px solid var(--ac-mn-fade-bd) !important;
}
.v-tag.mn.em {
  color: #FFFFFF !important;
  background: var(--ac-mn) !important;
  border: none !important;
}
.v-tag.ol {
  color: var(--ac-ol) !important;
  background: var(--ac-ol-a) !important;
  border: 1px solid var(--ac-ol-fade-bd) !important;
}
.v-tag.ol.em {
  color: #FFFFFF !important;
  background: var(--ac-ol) !important;
  border: none !important;
}
.v-tag.aq {
  color: var(--ac-aq-title-lg) !important;
  background: var(--ac-aq-a) !important;
  border: 1px solid var(--ac-aq-fade-bd) !important;
}
.v-tag.aq.em {
  color: #FFFFFF !important;
  background: var(--ac-aq) !important;
  border: none !important;
}
.v-tag.cy {
  color: var(--ac-cy) !important;
  background: var(--ac-cy-a) !important;
  border: 1px solid var(--ac-cy-fade-bd) !important;
}
.v-tag.cy.em {
  color: #FFFFFF !important;
  background: var(--ac-cy) !important;
  border: none !important;
}
.v-tag.bu {
  color: var(--ac-bu) !important;
  background: var(--ac-bu-a) !important;
  border: 1px solid var(--ac-bu-fade-bd) !important;
}
.v-tag.bu.em {
  color: #FFFFFF !important;
  background: var(--ac-bu) !important;
  border: none !important;
}
.v-tag.se {
  color: var(--ac-se) !important;
  background: var(--ac-se-a) !important;
  border: 1px solid var(--ac-se-fade-bd) !important;
}
.v-tag.se.em {
  color: #FFFFFF !important;
  background: var(--ac-se) !important;
  border: none !important;
}
.v-tag.la {
  color: var(--ac-la-title-lg) !important;
  background: var(--ac-la-a) !important;
  border: 1px solid var(--ac-la-fade-bd) !important;
}
.v-tag.la.em {
  color: #FFFFFF !important;
  background: var(--ac-la) !important;
  border: none !important;
}
.v-tag.vn {
  color: var(--ac-vn) !important;
  background: var(--ac-vn-a) !important;
  border: 1px solid var(--ac-vn-fade-bd) !important;
}
.v-tag.vn.em {
  color: #FFFFFF !important;
  background: var(--ac-vn) !important;
  border: none !important;
}
.v-tag.pu {
  color: var(--ac-pu) !important;
  background: var(--ac-pu-a) !important;
  border: 1px solid var(--ac-pu-fade-bd) !important;
}
.v-tag.pu.em {
  color: #FFFFFF !important;
  background: var(--ac-pu) !important;
  border: none !important;
}
.v-tag.ro {
  color: var(--ac-ro) !important;
  background: var(--ac-ro-a) !important;
  border: 1px solid var(--ac-ro-fade-bd) !important;
}
.v-tag.ro.em {
  color: #FFFFFF !important;
  background: var(--ac-ro) !important;
  border: none !important;
}
.v-tag.pk {
  color: var(--ac-pk-title-lg) !important;
  background: var(--ac-pk-a) !important;
  border: 1px solid var(--ac-pk-fade-bd) !important;
}
.v-tag.pk.em {
  color: #000000 !important;
  background: var(--ac-pk) !important;
  border: none !important;
}
.v-tag.gd {
  color: var(--ac-gd-title-lg) !important;
  background: var(--ac-gd-a) !important;
  border: 1px solid var(--ac-gd-fade-bd) !important;
}
.v-tag.gd.em {
  color: #000000 !important;
  background: var(--ac-gd) !important;
  border: none !important;
}
.v-tag.bn {
  color: var(--ac-bn) !important;
  background: var(--ac-bn-a) !important;
  border: 1px solid var(--ac-bn-fade-bd) !important;
}
.v-tag.bn.em {
  color: #FFFFFF !important;
  background: var(--ac-bn) !important;
  border: none !important;
}
.v-tag.gy {
  color: var(--ac-gy) !important;
  background: var(--ac-gy-a) !important;
  border: 1px solid var(--ac-gy-fade-bd) !important;
}
.v-tag.gy.em {
  color: #FFFFFF !important;
  background: var(--ac-gy) !important;
  border: none !important;
}
.v-tag.bk {
  color: var(--ac-bk) !important;
  background: var(--ac-bk-a) !important;
  border: 1px solid var(--ac-bk-fade-bd) !important;
}
.v-tag.bk.em {
  color: var(--d-bc) !important;
  background: var(--ac-bk) !important;
  border: none !important;
}
.v-tag.t1 {
  color: var(--ac-t1) !important;
  background: var(--ac-t1-a) !important;
  border: 1px solid var(--ac-t1-fade-bd) !important;
}
.v-tag.t1.em {
  color: #FFFFFF !important;
  background: var(--ac-t1) !important;
  border: none !important;
}
.v-tag.t2 {
  color: var(--ac-t2) !important;
  background: var(--ac-t2-a) !important;
  border: 1px solid var(--ac-t2-fade-bd) !important;
}
.v-tag.t2.em {
  color: #FFFFFF !important;
  background: var(--ac-t2) !important;
  border: none !important;
}
content > #write em:has(span:first-child+span[md-inline="code"]),
content > #write em:has(span[md-inline="code"]:first-child+span:last-child),
.v-badge-name {
  display: inline-block;
  align-items: center;
  font-family: var(--v-f-fm-code);
  font-weight: var(--v-f-w-bd);
  margin-right: 0;
  border-radius: var(--v-r-tag);
  border: 1px solid var(--d-bc);
  color: #FFFFFF;
  padding: 1px 1px 1px 4px;
  white-space: pre;
  box-shadow: none !important;
}
content > #write em:has(span:first-child+span[md-inline="code"]),
content > #write em:has(span[md-inline="code"]:first-child+span:last-child) {
  font-style: normal;
  font-size: 0.875em;
  line-height: 1;
  color: #FFFFFF;
  background-color: var(--ac-t1);
}
content > #write em:has(span[md-inline="code"]:first-child+span:last-child),
.v-badge-name:has(code:first-child+span:last-child) {
  padding-left: 1px !important;
}
.v-badge-name.hover {
  filter: brightness(90%);
}
.v-badge-name.hastwo {
  padding: 1px 4px !important;
}
:is(#write, body.typora-export) :is(blockquote, details) code {
  vertical-align: initial;
}
content > #write em > span[md-inline="code"]:not(:first-child) > code,
content > #write em > span[md-inline="code"]:not(:only-child):first-child > code,
.v-badge-value {
  display: inline-block;
  font-weight: var(--v-f-w-bd);
  font-size: 1em;
  border-radius: calc(var(--v-r-tag) - 3px);
  opacity: 0.9;
  color: var(--d-fc) !important;
  background: var(--d-bc) !important;
  padding: 2px 4px;
  margin: 1px 1px 1px 4px;
  white-space: pre;
  box-shadow: none !important;
  border: none !important;
}
.v-badge-value.hover {
  filter: brightness(90%);
}
content > #write em > span[md-inline="code"] + span:last-child,
.v-badge-value.hastwo {
  margin: 1px 4px !important;
}
content > #write em > span[md-inline="code"]:first-child + span:last-child {
  margin-left: 0 !important;
}
content > #write em > span[md-inline="code"]:not(:only-child):first-child > code,
.v-badge-name > .v-badge-value:first-child {
  margin: 1px 4px 1px 1px !important;
}
:is(#write, body.typora-export) table .v-badge-value {
  display: inline-block;
  margin: 1px 1px 1px 4px;
}
.v-badge-name.wn {
  color: #FFFFFF !important;
  background: var(--ac-wn) !important;
}
.v-badge-value > span.var.wn {
  color: var(--ac-wn-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).wn {
  color: var(--ac-wn-lg) !important;
}
.v-badge-name.rd {
  color: #FFFFFF !important;
  background: var(--ac-rd) !important;
}
.v-badge-value > span.var.rd {
  color: var(--ac-rd-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).rd {
  color: var(--ac-rd-lg) !important;
}
.v-badge-name.og {
  color: #FFFFFF !important;
  background: var(--ac-og) !important;
}
.v-badge-value > span.var.og {
  color: var(--ac-og-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).og {
  color: var(--ac-og-lg) !important;
}
.v-badge-name.ye {
  color: #000000 !important;
  background: var(--ac-ye) !important;
}
.v-badge-value > span.var.ye {
  color: var(--ac-ye-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).ye {
  color: var(--ac-ye-lg) !important;
}
.v-badge-name.lm {
  color: #FFFFFF !important;
  background: var(--ac-lm) !important;
}
.v-badge-value > span.var.lm {
  color: var(--ac-lm-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).lm {
  color: var(--ac-lm-lg) !important;
}
.v-badge-name.gn {
  color: #FFFFFF !important;
  background: var(--ac-gn) !important;
}
.v-badge-value > span.var.gn {
  color: var(--ac-gn-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).gn {
  color: var(--ac-gn-lg) !important;
}
.v-badge-name.mn {
  color: #FFFFFF !important;
  background: var(--ac-mn) !important;
}
.v-badge-value > span.var.mn {
  color: var(--ac-mn-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).mn {
  color: var(--ac-mn-lg) !important;
}
.v-badge-name.ol {
  color: #FFFFFF !important;
  background: var(--ac-ol) !important;
}
.v-badge-value > span.var.ol {
  color: var(--ac-ol-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).ol {
  color: var(--ac-ol-lg) !important;
}
.v-badge-name.aq {
  color: #FFFFFF !important;
  background: var(--ac-aq) !important;
}
.v-badge-value > span.var.aq {
  color: var(--ac-aq-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).aq {
  color: var(--ac-aq-lg) !important;
}
.v-badge-name.cy {
  color: #FFFFFF !important;
  background: var(--ac-cy) !important;
}
.v-badge-value > span.var.cy {
  color: var(--ac-cy-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).cy {
  color: var(--ac-cy-lg) !important;
}
.v-badge-name.bu {
  color: #FFFFFF !important;
  background: var(--ac-bu) !important;
}
.v-badge-value > span.var.bu {
  color: var(--ac-bu-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).bu {
  color: var(--ac-bu-lg) !important;
}
.v-badge-name.se {
  color: #FFFFFF !important;
  background: var(--ac-se) !important;
}
.v-badge-value > span.var.se {
  color: var(--ac-se-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).se {
  color: var(--ac-se-lg) !important;
}
.v-badge-name.la {
  color: #FFFFFF !important;
  background: var(--ac-la) !important;
}
.v-badge-value > span.var.la {
  color: var(--ac-la-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).la {
  color: var(--ac-la-lg) !important;
}
.v-badge-name.vn {
  color: #FFFFFF !important;
  background: var(--ac-vn) !important;
}
.v-badge-value > span.var.vn {
  color: var(--ac-vn-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).vn {
  color: var(--ac-vn-lg) !important;
}
.v-badge-name.pu {
  color: #FFFFFF !important;
  background: var(--ac-pu) !important;
}
.v-badge-value > span.var.pu {
  color: var(--ac-pu-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).pu {
  color: var(--ac-pu-lg) !important;
}
.v-badge-name.ro {
  color: #FFFFFF !important;
  background: var(--ac-ro) !important;
}
.v-badge-value > span.var.ro {
  color: var(--ac-ro-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).ro {
  color: var(--ac-ro-lg) !important;
}
.v-badge-name.pk {
  color: #000000 !important;
  background: var(--ac-pk) !important;
}
.v-badge-value > span.var.pk {
  color: var(--ac-pk-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).pk {
  color: var(--ac-pk-lg) !important;
}
.v-badge-name.gd {
  color: #000000 !important;
  background: var(--ac-gd) !important;
}
.v-badge-value > span.var.gd {
  color: var(--ac-gd-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).gd {
  color: var(--ac-gd-lg) !important;
}
.v-badge-name.bn {
  color: #FFFFFF !important;
  background: var(--ac-bn) !important;
}
.v-badge-value > span.var.bn {
  color: var(--ac-bn-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).bn {
  color: var(--ac-bn-lg) !important;
}
.v-badge-name.gy {
  color: #FFFFFF !important;
  background: var(--ac-gy) !important;
}
.v-badge-value > span.var.gy {
  color: var(--ac-gy-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).gy {
  color: var(--ac-gy-lg) !important;
}
.v-badge-name.bk {
  color: var(--d-bc) !important;
  background: var(--d-fc) !important;
}
.v-badge-value > span.var.bk {
  color: var(--d-fc) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).bk {
  color: var(--d-fc) !important;
}
.v-badge-name.t1 {
  color: #FFFFFF !important;
  background: var(--ac-t1) !important;
}
.v-badge-value > span.var.t1 {
  color: var(--ac-t1-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).t1 {
  color: var(--ac-t1-lg) !important;
}
.v-badge-name.t2 {
  color: #FFFFFF !important;
  background: var(--ac-t2) !important;
}
.v-badge-value > span.var.t2 {
  color: var(--ac-t2-lg) !important;
}
:is(.v-badge-value, .v-badge-value>span.var).t2 {
  color: var(--ac-t2-lg) !important;
}
#write .md-alert {
  padding: 0 0.75em 0.75em 0.75em !important;
  margin: 1em 0 0 0 !important;
  border-left-width: 0.25em;
}
#write .md-alert :is(blockquote, details) {
  background: var(--d-bc) !important;
  border-radius: var(--v-r-s);
  margin-bottom: 0;
}
#write :is(blockquote, details) .md-alert {
  margin-bottom: 0 !important;
  border-radius: var(--v-r-s);
}
#write .md-alert :is(ul, ol):first-child {
  margin-block-start: 0 !important;
}
#write .md-alert :is(ul, ol):last-child {
  margin-block-end: 0 !important;
}
#write .md-alert > p:first-child {
  margin-top: 0 !important;
}
#write .md-alert-text {
  font-family: var(--v-f-fm-subtitle) !important;
  font-size: 1em !important;
  font-weight: var(--v-f-w-title);
  display: inline-block;
  margin-bottom: 0;
}
#write .md-alert-text,
#write .md-alert-text-container::after {
  text-transform: uppercase;
}
#write .md-alert-text svg {
  margin-right: 0.5em;
}
content > #write span[md-inline="em"] > em > sup:only-child {
  opacity: 1;
  font-style: normal;
}
content > #write span[md-inline="em"]:has(em>sup:only-child) {
  font: normal 0.875em var(--v-f-fm-bd);
  padding-left: 0.5em;
  padding-right: 0.5em;
  display: inline-block;
  position: relative;
  top: -0.75em;
  margin-left: -2.1em;
  width: 3em;
  white-space: nowrap;
  text-align: center;
  opacity: 0.6;
}
rp,
rt {
  font: normal 0.75em var(--v-f-fm-bd);
  padding-left: 0.5em;
  padding-right: 0.5em;
  opacity: 0.6;
}
rt:hover {
  color: #5ABD3C;
  opacity: 1;
  transform-origin: center bottom;
  transform: scale(1.2);
}
content > #write span[md-inline="strong"]:has(span[md-inline="highlight"]:only-child) mark::before,
.v-pgbar label {
  content: "";
  display: inline-block;
  margin-right: 5px;
  width: 50px;
  height: 6px;
  border-radius: 3px;
  outline: 1px solid var(--d-fc-a);
  border: 1px solid var(--d-bc);
  background: linear-gradient(90deg, var(--ac-t1), var(--d-bc) 90%);
}
content > #write span[md-inline="strong"]:has(span[md-inline="highlight"]:only-child) mark::after,
.v-pgbar::after {
  content: "%";
  opacity: 0.6;
  font-size: 0.8em;
}
content > #write span[md-inline="strong"]:has(span[md-inline="highlight"]:only-child) mark,
.v-pgbar {
  font-family: var(--v-f-fm-num) !important;
  font-size: 0.875em !important;
  color: var(--ac-t1);
  box-shadow: none !important;
}
content > #write span[md-inline="em"]:has(span[md-inline="strong"]:only-child),
content > #write span[md-inline="em"]:has(span:first-child+span[md-inline="strong"]:last-child),
.v-coating {
  text-shadow: 0 1px var(--d-fc);
  color: var(--d-bc);
  border: 1px solid var(--ac-gy);
  font: normal var(--v-f-w-bd) 1em var(--v-f-fm-tag);
  display: inline-block;
  border-radius: var(--v-r-s);
  padding: 2px 8px;
}
.v-coating {
  cursor: var(--cur-pointer-text);
}
.v-coating:active {
  cursor: text;
}
content > #write span[md-inline="em"]:has(span[md-inline="strong"]:only-child),
content > #write span[md-inline="em"]:has(span:first-child+span[md-inline="strong"]:last-child) {
  padding: 2px 8px;
}
content > #write span[md-inline="em"]:has(span[md-inline="strong"]:only-child),
content > #write span[md-inline="em"]:has(span:first-child+span[md-inline="strong"]:last-child) {
  background: linear-gradient(135deg, var(--ac-gy) 0%, var(--ac-gy) 25%, var(--d-fc) 25%, var(--d-fc) 50%, var(--ac-gy) 50%, var(--ac-gy) 75%, var(--d-fc) 75%, var(--d-fc) 100%);
}
content > #write span[md-inline="em"]:has(span[md-inline="strong"]:only-child),
content > #write span[md-inline="em"]:has(span:first-child+span[md-inline="strong"]:last-child),
content > #write span[md-inline="em"]:has(span[md-inline="strong"]:only-child) > em,
content > #write span[md-inline="em"]:has(span:first-child+span[md-inline="strong"]:last-child) > em {
  line-height: 1;
  font-style: normal;
}
content > #write span[md-inline="em"]:has(span[md-inline="strong"]:only-child) .md-meta,
content > #write span[md-inline="em"]:has(span:first-child+span[md-inline="strong"]:last-child) .md-meta {
  color: var(--d-bc);
  opacity: 0.6;
}
.v-coating:hover {
  border-color: #5ABD3C;
  transform: scale(1.1);
}
.v-coating.opened {
  border-color: var(--d-fc);
  background: var(--d-bc) !important;
  text-shadow: none;
  color: var(--d-fc);
}
content > #write span[md-inline="em"] > em > span[md-inline="strong"]:only-child > strong,
content > #write span[md-inline="em"] > em > span:first-child + span[md-inline="strong"]:last-child > strong {
  font-size: 1em;
  color: var(--d-fc);
  text-shadow: none;
  margin-left: 2px;
  border: none;
  background: var(--d-bc);
  display: none;
}
content > #write span[md-inline="em"]:has(span[md-inline="strong"]:only-child).md-expand,
content > #write span[md-inline="em"]:has(span:first-child+span[md-inline="strong"]:last-child).md-expand {
  padding: 0 8px;
  box-shadow: var(--v-input-focus-shadow) !important;
  border-color: var(--a-color) !important;
  background: linear-gradient(135deg, var(--ac-gy) 0%, var(--ac-gy) 11%, var(--d-fc) 11%, var(--d-fc) 20%, var(--ac-gy) 20%, var(--ac-gy) 31%, var(--d-fc) 31%, var(--d-fc) 40%, var(--ac-gy) 41%, var(--ac-gy) 52%, var(--d-fc) 52%, var(--d-fc) 61%, var(--ac-gy) 61%, var(--ac-gy) 72%, var(--d-fc) 72%, var(--d-fc) 81%, var(--ac-gy) 81%, var(--ac-gy) 92%, var(--d-fc) 92%, var(--d-fc) 100%);
}
content > #write span[md-inline="em"].md-expand > em span[md-inline="strong"] > strong {
  display: inline-block !important;
  padding-left: 4px;
  padding-right: 4px;
}
content > #write span[md-inline="em"] > em > span[md-inline="strong"]:only-child::before {
  content: "••••";
  font: normal var(--v-f-w-bd) 1em var(--v-f-fm-code);
  line-height: 1;
}
#write :is(sup, sub) {
  opacity: 0.6;
}
/**************************************
* 封面、封底
**************************************/
.v-doc-title {
  color: #0B72D9;
  font: var(--v-f-w-title) 2.5em/1.3 var(--v-f-fm-title);
  padding-top: 70px;
  opacity: 0.6;
}
.v-doc-title.mini {
  padding-top: 10px;
}
#write > pre.md-meta-block:first-child + h6,
#write > h6:first-child,
#write > pre.md-meta-block:first-child + h6 ~ h1:last-child,
#write > h6:first-child ~ h1:last-child {
  display: block;
  color: #FFFFFF !important;
  font: var(--v-f-w-title) 2.5em/1.3 var(--v-f-fm-title);
  text-align: center;
  filter: var(--v-brightness-dark);
  height: 950px;
  padding: 300px 60px 50px;
  margin: 0 0 3em;
  border: none;
  border-radius: var(--v-r-b);
  box-shadow: 0 0 0 0 transparent;
  background-color: #0B72D9;
  background-image: var(--thm-c-logo), var(--thm-c-header), var(--thm-c-bottom);
  background-size: 80px 80px, auto, auto;
  background-repeat: no-repeat, repeat-x, repeat-x;
  background-position: center 180px, top center, bottom center;
  letter-spacing: 0;
}
#write > pre.md-meta-block:first-child + h6 > span,
#write > h6:first-child > span {
  color: #FFFFFF !important;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
}
#write > pre.md-meta-block:first-child + h6 ~ h1:last-child,
#write > h6:first-child ~ h1:last-child > span {
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  background: none;
  background-clip: inherit;
  -webkit-background-clip: inherit;
  color: #FFFFFF !important;
}
#write > pre.md-meta-block:first-child + h6 ~ h1:last-child,
#write > h6:first-child ~ h1:last-child {
  height: 550px;
  margin-top: 3em;
  margin-bottom: 0;
  padding: 300px 60px 50px;
  color: #FFFFFF !important;
  text-align: center;
  background-color: #0B72D9;
  background-image: var(--thm-c-logo), var(--thm-c-header), var(--thm-c-bottom);
  background-size: 80px 80px, auto, auto;
  background-repeat: no-repeat, repeat-x, repeat-x;
  background-position: center 180px, top center, bottom center;
  letter-spacing: 0;
}
#write > pre.md-meta-block:first-child + h6 sup,
#write > h6:first-child sup {
  opacity: 1;
  color: #FFFFFF !important;
}
#write > pre.md-meta-block:first-child + h6 sub,
#write > h6:first-child sub {
  opacity: 1;
  color: #5ABD3C;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  font: var(--v-f-w-bd) 75% var(--v-f-fm-subtitle);
}
#write > pre.md-meta-block:first-child + h6 u,
#write > h6:first-child u {
  color: #5ABD3C;
  font: var(--v-f-w-bd) 0.75em var(--v-f-fm-subtitle);
  text-decoration: none;
  border: none;
}
#write > pre.md-meta-block:first-child + h6 em:has(span:first-child + span[md-inline="code"]),
#write > h6:first-child em:has(span:first-child + span[md-inline="code"]),
#write > pre.md-meta-block:first-child + h6 em:has(span[md-inline="code"]:first-child + span:last-child),
#write > h6:first-child em:has(span[md-inline="code"]:first-child + span:last-child),
#write > pre.md-meta-block:first-child + h6 :is(.v-tag, .v-badge-name),
#write > h6:first-child :is(.v-tag, .v-badge-name) {
  font-size: 0.5em !important;
  font-family: var(--v-f-fm-code) !important;
  color: #FFFFFF;
  background: #5ABD3C;
  border-color: var(--rb-code-shadow-dk);
  caret-color: #FFFFFF;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  vertical-align: initial;
}
content > #write > pre.md-meta-block:first-child + h6 code,
content > #write > h6:first-child code {
  font-size: 1em !important;
}
body.typora-export #write > pre.md-meta-block:first-child + h6 :is(.v-tag, .v-badge-name),
body.typora-export #write > h6:first-child :is(.v-tag, .v-badge-name) {
  font-size: 0.5em !important;
}
#write > pre.md-meta-block:first-child + h6 .v-badge-value,
#write > h6:first-child .v-badge-value {
  font-size: 1em !important;
}
#write > pre.md-meta-block:first-child + h6 :is(strong, strong::before),
#write > h6:first-child :is(strong, strong::before) {
  color: #FFFFFF;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  font: normal 0.625em var(--v-f-fm-subtitle);
}
#write > pre.md-meta-block:first-child + h6 strong::before,
#write > h6:first-child strong::before {
  content: "by";
  opacity: 0.6;
  display: block;
  margin-bottom: -0.5em;
}
#write > pre.md-meta-block:first-child + h6 em:not(:has(sup:only-child)),
#write > h6:first-child em:not(:has(sup:only-child)) {
  color: #FFFFFF;
  -webkit-text-stroke: initial;
  text-stroke: initial;
  text-shadow: none;
  font: normal var(--v-f-w-bd) 0.4em var(--v-f-fm-subtitle);
}
#write > pre.md-meta-block:first-child + h6::before,
#write > h6:first-child::before,
#write > pre.md-meta-block:first-child + h6 ~ h1:last-child,
#write > h6:first-child ~ h1:last-child::before {
  content: "" !important;
}
body.typora-export #write > pre.md-meta-block:first-child + h6::before,
#write > h6:first-child::before,
body.typora-export #write > pre.md-meta-block:first-child + h6::after,
#write > h6:first-child::after,
#write > pre.md-meta-block:first-child + h6::before,
#write > h6:first-child::before,
#write > pre.md-meta-block:first-child + h6::after,
#write > h6:first-child::after {
  content: "" !important;
  position: initial;
  left: initial;
  top: initial;
  color: initial;
  font-size: initial;
  font-weight: initial;
  opacity: initial;
}
#write > pre.md-meta-block:first-child + h6::after,
#write > h6:first-child::after {
  content: "" !important;
  text-align: initial;
  left: initial;
  top: initial;
  right: initial;
  color: initial;
  font-size: initial;
}
/**************************************
 *
 * VLOOK CSS - @media 相关的样式
 * (配合 base.less 进行使用)
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
@media screen and (min-width: 1441px) {
  :root {
    --v-nav-center-w: 400px;
    --v-nav-center-hidden-l: -410px;
    --v-tb-btn-w: 40px;
  }
}
@media screen and (min-height: 800px) {
  :root {
    --v-top-margin: -3px;
  }
}
@media screen and (max-width: 1439px) {
  #write table {
    white-space: pre;
  }
}
@media screen and (max-width: 1270px) {
  .v-btn-group.hover {
    box-shadow: var(--v-fl-sd), 0 0 0 0 transparent;
  }
  .v-chapter-nav {
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
  }
  .v-chapter-nav-doc-title,
  .v-chapter-nav-current {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .v-chapter-nav-prev,
  .v-chapter-nav-next {
    width: 20% !important;
    border-radius: 0 !important;
  }
  .v-chapter-nav-prev.noeffect.hover,
  .v-chapter-nav-next.noeffect.hover,
  .v-chapter-nav-prev.effect::before,
  .v-chapter-nav-next.effect::before {
    border-radius: 0 !important;
  }
}
@media screen and (max-width: 1024px) {
  .v-chapter-nav-prev-text,
  .v-chapter-nav-next-text {
    display: none !important;
  }
}
@media screen and (max-width: 1000px) {
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li {
    min-width: 100% !important;
    height: auto !important;
  }
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li {
    margin-left: 0 !important;
  }
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
    min-width: 100% !important;
    height: auto !important;
  }
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 800px) {
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li {
    min-width: 100% !important;
    height: auto !important;
  }
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li {
    margin-left: 0 !important;
  }
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
    min-width: 100% !important;
    height: auto !important;
  }
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
    margin-left: 0 !important;
  }
  .v-nav-center-float {
    bottom: 60px;
  }
}
@media screen and (max-width: 600px) {
  #write :is(hr, .md-hr) + ul > li,
  #write :is(hr, .md-hr) + ul > li + li,
  #write :is(hr, .md-hr) + ol > li,
  #write :is(hr, .md-hr) + ol > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li {
    min-width: 100% !important;
    height: auto !important;
  }
  #write :is(hr, .md-hr) + ul > li + li,
  #write :is(hr, .md-hr) + ol > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr, .md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ul > li + li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li,
  #write :is(hr+hr+hr+hr, .md-hr+.md-hr+.md-hr+.md-hr) + ol > li + li + li + li + li {
    margin-left: 0 !important;
  }
  #write :is(hr, .md-hr) + :is(blockquote, details),
  #write :is(hr, .md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
    min-width: 100% !important;
    height: auto !important;
  }
  #write :is(hr, .md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr, .md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details),
  #write :is(hr+hr+hr, .md-hr+.md-hr+.md-hr) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) + :is(blockquote, details) {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 550px) {
  #write > pre.md-meta-block:first-child + h6,
  #write > h6:first-child,
  #write > pre.md-meta-block:first-child + h6 ~ h1:last-child,
  #write > h6:first-child ~ h1:last-child {
    font-size: 2em;
  }
}
@media screen and (min-width: 361px) and (max-width: 639px) {
  .v-link-info-list {
    width: auto;
    left: 20px;
  }
}
@media print {
  html {
    font-size: 1em !important;
  }
  #write {
    margin: 20px !important;
  }
  #write :is(h1, h2, h3, h4, h5) > span {
    color: inherit !important;
    background: none !important;
  }
  .v-doc-title {
    opacity: 1;
  }
  .v-tbl-x {
    box-shadow: none !important;
    background: none !important;
  }
  body.typora-export #write::before {
    display: none !important;
  }
  .v-img-invert-dark {
    filter: none;
  }
  blockquote,
  details {
    display: block !important;
  }
  .v-welcome-page,
  .v-tool-tips,
  .v-info-tips,
  .v-bottom-tips,
  .v-more-doc-content-before,
  .v-more-doc-content-after,
  .v-link-error-list,
  .v-btn-open-in-new-tab,
  .v-toc-handle,
  .v-toolbar,
  .v-btn-outline,
  .v-chapter-nav,
  .v-nav-center,
  .v-nav-center-header,
  .v-nav-center-body,
  .v-status-bar {
    display: none !important;
  }
  .v-pg-current-item {
    box-shadow: none !important;
  }
  #write .md-toc {
    display: block !important;
  }
  .v-toc {
    display: block !important;
    visibility: visible !important;
  }
  .v-toc-item-current {
    background: none !important;
  }
  .v-toc-item-current a {
    color: var(--d-fc) !important;
  }
  body.typora-export #write > pre.md-meta-block:first-child + h6::before,
  body.typora-export #write > h6:first-child::before,
  body.typora-export #write > pre.md-meta-block:first-child + h6::after,
  body.typora-export #write > h6:first-child::after {
    content: "" !important;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --v-color-scheme: dark;
    --v-invert-dark: var(--v-invert-dark-dk);
    --v-brightness-dk: var(--v-brightness-dark-dk);
    --v-selection-color: var(--v-selection-color-dk);
    --d-bc: var(--d-bc-dk);
    --fade-r: var(--fade-r-dk);
    --fade-g: var(--fade-g-dk);
    --fade-b: var(--fade-b-dk);
    --d-bi: var(--d-bi-dk);
    --d-fc: var(--d-fc-dk);
    --d-fc-a: var(--d-fc-a-dk);
    --pn-c: var(--pn-c-dk);
    --pn-c-a: var(--pn-c-a-dk);
    --pn-fade-r: var(--pn-fade-r-dk);
    --pn-fade-g: var(--pn-fade-g-dk);
    --pn-fade-b: var(--pn-fade-b-dk);
    --blockquote-bg: var(--blockquote-bg-dk);
    --a-color: var(--a-color-dk);
    --mark-bg: var(--mark-bg-dk);
    --tbl-h-bd: var(--tbl-h-bd-dk);
    --tbl-bd: var(--tbl-bd-dk);
    --tbl-tr-hv: var(--tbl-tr-hv-dk);
    --tbl-th-bg: var(--tbl-th-bg-dk);
    --tbl-td-bg: var(--tbl-td-bg-dk);
    --tbl-cell-bd: var(--tbl-cell-bd-dk);
    --tbl-row-g-alpha: var(--tbl-row-g-alpha-dk);
    --toc-h-num-color: var(--toc-h-num-color-dk);
    --h-f: var(--h-f-dk);
    --h-box-shadow: var(--h-box-shadow-dk);
    --h-bg-start: var(--h-bg-start-dk);
    --h-bg-end: var(--h-bg-end-dk);
    --code-bg: var(--code-bg-dk);
    --code-t: var(--code-t-dk);
    --std-code-shadow: var(--std-code-shadow-dk);
    --rb-code-shadow: var(--rb-code-shadow-dk);
    --v-fl-sd: var(--v-fl-sd-dk);
    --v-fl-i-sd: var(--v-fl-i-sd-dk);
    --c-blk-bg: var(--c-blk-bg-dk);
    --fig-solid-bg: var(--fig-solid-bg-dk);
    --v-fig-grid-l: var(--v-fig-grid-l-dk);
    --v-fig-grid-b: var(--v-fig-grid-b-dk);
    --v-fig-grid-l-invert: var(--v-fig-grid-l-invert-dk);
    --v-fig-grid-b-invert: var(--v-fig-grid-b-invert-dk);
    --key-bg: var(--key-bg-dk);
    --key-reflect: var(--key-reflect-dk);
    --key-shadow: var(--key-shadow-dk);
    --doc-shadow: var(--doc-shadow-dk);
    --cur-pointer: var(--cur-pointer-dk);
    --cur-copy-normal: var(--cur-copy-normal-dk);
    --cur-copy-as-md: var(--cur-copy-as-md-dk);
    --cur-copy: var(--cur-copy-normal);
    --cur-pointer-text: var(--cur-pointer-text-dk);
    --cur-laser: var(--cur-laser-dk);
    --cur-md: var(--cur-md-dk);
    --cur-doclib: var(--cur-doclib-dk);
    --cur-http: var(--cur-http-dk);
    --cur-https: var(--cur-https-dk);
    --cur-email: var(--cur-email-dk);
    --cur-docment: var(--cur-docment-dk);
    --cur-archive: var(--cur-archive-dk);
    --cur-risk: var(--cur-risk-dk);
    --cur-inner: var(--cur-inner-dk);
    --ac-rd: var(--ac-rd-dk);
    --ac-rd-a: var(--ac-rd-a-dk);
    --ac-rd-fade: var(--ac-rd-fade-dk);
    --ac-rd-title: var(--ac-rd-title-dk);
    --ac-og: var(--ac-og-dk);
    --ac-og-a: var(--ac-og-a-dk);
    --ac-og-fade: var(--ac-og-fade-dk);
    --ac-og-title: var(--ac-og-title-dk);
    --ac-ye: var(--ac-ye-dk);
    --ac-ye-a: var(--ac-ye-a-dk);
    --ac-ye-fade: var(--ac-ye-fade-dk);
    --ac-ye-title: var(--ac-ye-title-dk);
    --ac-lm: var(--ac-lm-dk);
    --ac-lm-a: var(--ac-lm-a-dk);
    --ac-lm-fade: var(--ac-lm-fade-dk);
    --ac-lm-title: var(--ac-lm-title-dk);
    --ac-gn: var(--ac-gn-dk);
    --ac-gn-a: var(--ac-gn-a-dk);
    --ac-gn-fade: var(--ac-gn-fade-dk);
    --ac-gn-title: var(--ac-gn-title-dk);
    --ac-mn: var(--ac-mn-dk);
    --ac-mn-a: var(--ac-mn-a-dk);
    --ac-mn-fade: var(--ac-mn-fade-dk);
    --ac-mn-title: var(--ac-mn-title-dk);
    --ac-ol: var(--ac-ol-dk);
    --ac-ol-a: var(--ac-ol-a-dk);
    --ac-ol-fade: var(--ac-ol-fade-dk);
    --ac-ol-title: var(--ac-ol-title-dk);
    --ac-wn: var(--ac-wn-dk);
    --ac-wn-a: var(--ac-wn-a-dk);
    --ac-wn-fade: var(--ac-wn-fade-dk);
    --ac-wn-title: var(--ac-wn-title-dk);
    --ac-aq: var(--ac-aq-dk);
    --ac-aq-a: var(--ac-aq-a-dk);
    --ac-aq-fade: var(--ac-aq-fade-dk);
    --ac-aq-title: var(--ac-aq-title-dk);
    --ac-cy: var(--ac-cy-dk);
    --ac-cy-a: var(--ac-cy-a-dk);
    --ac-cy-fade: var(--ac-cy-fade-dk);
    --ac-cy-title: var(--ac-cy-title-dk);
    --ac-bu: var(--ac-bu-dk);
    --ac-bu-a: var(--ac-bu-a-dk);
    --ac-bu-fade: var(--ac-bu-fade-dk);
    --ac-bu-title: var(--ac-bu-title-dk);
    --ac-se: var(--ac-se-dk);
    --ac-se-a: var(--ac-se-a-dk);
    --ac-se-fade: var(--ac-se-fade-dk);
    --ac-se-title: var(--ac-se-title-dk);
    --ac-la: var(--ac-la-dk);
    --ac-la-a: var(--ac-la-a-dk);
    --ac-la-fade: var(--ac-la-fade-dk);
    --ac-la-title: var(--ac-la-title-dk);
    --ac-vn: var(--ac-vn-dk);
    --ac-vn-a: var(--ac-vn-a-dk);
    --ac-vn-fade: var(--ac-vn-fade-dk);
    --ac-vn-title: var(--ac-vn-title-dk);
    --ac-pu: var(--ac-pu-dk);
    --ac-pu-a: var(--ac-pu-a-dk);
    --ac-pu-fade: var(--ac-pu-fade-dk);
    --ac-pu-title: var(--ac-pu-title-dk);
    --ac-ro: var(--ac-ro-dk);
    --ac-ro-a: var(--ac-ro-a-dk);
    --ac-ro-fade: var(--ac-ro-fade-dk);
    --ac-ro-title: var(--ac-ro-title-dk);
    --ac-pk: var(--ac-pk-dk);
    --ac-pk-a: var(--ac-pk-a-dk);
    --ac-pk-fade: var(--ac-pk-fade-dk);
    --ac-pk-title: var(--ac-pk-title-dk);
    --ac-gd: var(--ac-gd-dk);
    --ac-gd-a: var(--ac-gd-a-dk);
    --ac-gd-fade: var(--ac-gd-fade-dk);
    --ac-gd-title: var(--ac-gd-title-dk);
    --ac-bn: var(--ac-bn-dk);
    --ac-bn-a: var(--ac-bn-a-dk);
    --ac-bn-fade: var(--ac-bn-fade-dk);
    --ac-bn-title: var(--ac-bn-title-dk);
    --ac-gy: var(--ac-gy-dk);
    --ac-gy-a: var(--ac-gy-a-dk);
    --ac-gy-fade: var(--ac-gy-fade-dk);
    --ac-gy-title: var(--ac-gy-title-dk);
    --ac-bk: var(--ac-bk-dk);
    --ac-bk-a: var(--ac-bk-a-dk);
    --ac-bk-fade: var(--ac-bk-fade-dk);
    --ac-bk-title: var(--ac-bk-title-dk);
    --ac-t1: var(--ac-t1-dk);
    --ac-t1-a: var(--ac-t1-a-dk);
    --ac-t1-fade: var(--ac-t1-fade-dk);
    --ac-t1-title: var(--ac-t1-title-dk);
    --ac-t2: var(--ac-t2-dk);
    --ac-t2-a: var(--ac-t2-a-dk);
    --ac-t2-fade: var(--ac-t2-fade-dk);
    --ac-t2-title: var(--ac-t2-title-dk);
    --ac-gd-fade-bd: var(--ac-gd-fade-bd-dk);
    --ac-pk-fade-bd: var(--ac-pk-fade-bd-dk);
    --ac-ye-fade-bd: var(--ac-ye-fade-bd-dk);
    --ac-lm-fade-bd: var(--ac-lm-fade-bd-dk);
    --ac-aq-fade-bd: var(--ac-aq-fade-bd-dk);
    --ac-la-fade-bd: var(--ac-la-fade-bd-dk);
    --ac-bn-fade-bd: var(--ac-bn-fade-bd-dk);
    --ac-ro-fade-bd: var(--ac-ro-fade-bd-dk);
    --ac-rd-fade-bd: var(--ac-rd-fade-bd-dk);
    --ac-og-fade-bd: var(--ac-og-fade-bd-dk);
    --ac-gn-fade-bd: var(--ac-gn-fade-bd-dk);
    --ac-cy-fade-bd: var(--ac-cy-fade-bd-dk);
    --ac-bu-fade-bd: var(--ac-bu-fade-bd-dk);
    --ac-vn-fade-bd: var(--ac-vn-fade-bd-dk);
    --ac-gy-fade-bd: var(--ac-gy-fade-bd-dk);
    --ac-pu-fade-bd: var(--ac-pu-fade-bd-dk);
    --ac-wn-fade-bd: var(--ac-wn-fade-bd-dk);
    --ac-ol-fade-bd: var(--ac-ol-fade-bd-dk);
    --ac-mn-fade-bd: var(--ac-mn-fade-bd-dk);
    --ac-se-fade-bd: var(--ac-se-fade-bd-dk);
    --ac-bk-fade-bd: var(--ac-bk-fade-bd-dk);
    --ac-t1-fade-bd: var(--ac-t1-fade-bd-dk);
    --ac-t2-fade-bd: var(--ac-t2-fade-bd-dk);
    --cm-keyword: var(--cm-keyword-dk);
    --cm-variable: var(--cm-variable-dk);
    --cm-variable-2: var(--cm-variable-2-dk);
    --cm-variable-3: var(--cm-variable-3-dk);
    --cm-tag: var(--cm-tag-dk);
    --cm-attribute: var(--cm-attribute-dk);
    --cm-string: var(--cm-string-dk);
    --cm-string-2: var(--cm-string-2-dk);
    --cm-comment: var(--cm-comment-dk);
    --cm-header: var(--cm-header-dk);
    --cm-quote: var(--cm-quote-dk);
    --cm-hr: var(--cm-hr-dk);
    --cm-link: var(--cm-link-dk);
    --cm-negative: var(--cm-negative-dk);
    --cm-positive: var(--cm-positive-dk);
    --cm-meta: var(--cm-meta-dk);
    --cm-bulidin: var(--cm-bulidin-dk);
    --cm-bracket: var(--cm-bracket-dk);
    --cm-atom: var(--cm-atom-dk);
    --cm-number: var(--cm-atom-dk);
    --bg-color: var(--d-bc-dk);
    --side-bar-bg-color: var(--d-bc-dk);
    --text-color: var(--d-fc-dk);
    --control-text-color: var(--d-fc-dk);
    --control-text-hover-color: var(--d-fc-dk);
    --window-border: 1px solid var(--pn-c-dk);
    --active-file-bg-color: var(--d-bc-dk);
    --active-file-text-color: var(--d-fc-dk);
    --item-hover-bg-color: var(--pn-c-dk);
    --item-hover-text-color: var(--d-fc-dk);
    --primary-color: #0B72D9;
    --serch-select-bg-color: rgba(11, 114, 217, 0.5);
  }
  #write .md-img-error > .md-meta {
    filter: var(--v-invert-dark);
  }
  .noteText tspan {
    fill: var(--d-fc-lg) !important;
  }
  #write pre.ty-contain-cm .CodeMirror-lines {
    background: var(--c-blk-bg);
    background-size: auto;
    background-repeat: inherit;
    background-position: inherit;
  }
}
/**************************************
 *
 * VLOOK CSS 基础库 (for GitHub Style Alert)
 * (配合 base.less 进行使用)
 *
 * V23.0
 * 2024-03-14
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * https://github.com/MadMaxChow/VLOOK
 * https://gitee.com/madmaxchow/VLOOK
 *
 *************************************/
#write .md-alert {
  border-radius: var(--v-r-b) !important;
  padding-top: 0.5em !important;
}
#write .md-alert-note {
  background: linear-gradient(180deg, var(--ac-bu) 2.5em, var(--ac-bu-fade) 2.5em, var(--ac-bu-fade)) !important;
  border: 2px solid var(--ac-bu-lg) !important;
}
#write .md-alert-note :is(blockquote, details) {
  background: var(--ac-bu-fade) !important;
}
#write :is(blockquote, details) .md-alert-note {
  border-radius: var(--v-r-b) !important;
}
#write .md-alert-text-note .md-meta {
  color: var(--ac-bu-a) !important;
  font-weight: normal !important;
  opacity: 0.5;
}
#write .md-alert-text-note {
  color: #FFFFFF !important;
}
#write .md-alert-note blockquote > p:first-child > :is(strong, span[md-inline="strong"]):only-child,
content > #write .md-alert-note blockquote > h6:first-child,
#write .md-alert-note summary,
content > #write .md-alert-note p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark::before,
content > #write .md-alert-note p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark > [md-inline="em"] > em::before,
#write .md-alert-note .v-caption:not(.pr) .v-cap-1,
#write .md-alert-note a {
  color: #1090F0 !important;
}
#write .md-alert-note a:hover {
  color: #5ABD3C !important;
}
#write .md-alert-note a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .md-alert-note a kbd {
  background: #1090F0;
  color: #FFFFFF;
  box-shadow: 0 3px #0b65a9;
}
#write .md-alert-note a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .md-alert-note .v-svg-input-checkbox > use {
  fill: #1090F0;
}
#write .md-alert-note mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-bu-fade) inset;
}
#write .md-alert-note ::marker,
#write .md-alert-note li::before {
  color: var(--ac-bu);
}
#write .md-alert-tip {
  background: linear-gradient(180deg, var(--ac-gn) 2.5em, var(--ac-gn-fade) 2.5em, var(--ac-gn-fade)) !important;
  border: 2px solid var(--ac-gn-lg) !important;
}
#write .md-alert-tip :is(blockquote, details) {
  background: var(--ac-gn-fade) !important;
}
#write :is(blockquote, details) .md-alert-tip {
  border-radius: var(--v-r-b) !important;
}
#write .md-alert-text-tip .md-meta {
  color: var(--ac-gn-a) !important;
  font-weight: normal !important;
  opacity: 0.5;
}
#write .md-alert-text-tip {
  color: #FFFFFF !important;
}
#write .md-alert-tip blockquote > p:first-child > :is(strong, span[md-inline="strong"]):only-child,
content > #write .md-alert-tip blockquote > h6:first-child,
#write .md-alert-tip summary,
content > #write .md-alert-tip p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark::before,
content > #write .md-alert-tip p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark > [md-inline="em"] > em::before,
#write .md-alert-tip .v-caption:not(.pr) .v-cap-1,
#write .md-alert-tip a {
  color: #10A030 !important;
}
#write .md-alert-tip a:hover {
  color: #5ABD3C !important;
}
#write .md-alert-tip a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .md-alert-tip a kbd {
  background: #10A030;
  color: #FFFFFF;
  box-shadow: 0 3px #095a1b;
}
#write .md-alert-tip a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .md-alert-tip .v-svg-input-checkbox > use {
  fill: #10A030;
}
#write .md-alert-tip mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-gn-fade) inset;
}
#write .md-alert-tip ::marker,
#write .md-alert-tip li::before {
  color: var(--ac-gn);
}
#write .md-alert-important {
  background: linear-gradient(180deg, var(--ac-pu) 2.5em, var(--ac-pu-fade) 2.5em, var(--ac-pu-fade)) !important;
  border: 2px solid var(--ac-pu-lg) !important;
}
#write .md-alert-important :is(blockquote, details) {
  background: var(--ac-pu-fade) !important;
}
#write :is(blockquote, details) .md-alert-important {
  border-radius: var(--v-r-b) !important;
}
#write .md-alert-text-important .md-meta {
  color: var(--ac-pu-a) !important;
  font-weight: normal !important;
  opacity: 0.5;
}
#write .md-alert-text-important {
  color: #FFFFFF !important;
}
#write .md-alert-important blockquote > p:first-child > :is(strong, span[md-inline="strong"]):only-child,
content > #write .md-alert-important blockquote > h6:first-child,
#write .md-alert-important summary,
content > #write .md-alert-important p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark::before,
content > #write .md-alert-important p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark > [md-inline="em"] > em::before,
#write .md-alert-important .v-caption:not(.pr) .v-cap-1,
#write .md-alert-important a {
  color: #8820B0 !important;
}
#write .md-alert-important a:hover {
  color: #5ABD3C !important;
}
#write .md-alert-important a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .md-alert-important a kbd {
  background: #8820B0;
  color: #FFFFFF;
  box-shadow: 0 3px #56146f;
}
#write .md-alert-important a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .md-alert-important .v-svg-input-checkbox > use {
  fill: #8820B0;
}
#write .md-alert-important mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-pu-fade) inset;
}
#write .md-alert-important ::marker,
#write .md-alert-important li::before {
  color: var(--ac-pu);
}
#write .md-alert-warning {
  background: linear-gradient(180deg, var(--ac-bn) 2.5em, var(--ac-bn-fade) 2.5em, var(--ac-bn-fade)) !important;
  border: 2px solid var(--ac-bn-lg) !important;
}
#write .md-alert-warning :is(blockquote, details) {
  background: var(--ac-bn-fade) !important;
}
#write :is(blockquote, details) .md-alert-warning {
  border-radius: var(--v-r-b) !important;
}
#write .md-alert-text-warning .md-meta {
  color: var(--ac-bn-a) !important;
  font-weight: normal !important;
  opacity: 0.5;
}
#write .md-alert-text-warning {
  color: #FFFFFF !important;
}
#write .md-alert-warning blockquote > p:first-child > :is(strong, span[md-inline="strong"]):only-child,
content > #write .md-alert-warning blockquote > h6:first-child,
#write .md-alert-warning summary,
content > #write .md-alert-warning p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark::before,
content > #write .md-alert-warning p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark > [md-inline="em"] > em::before,
#write .md-alert-warning .v-caption:not(.pr) .v-cap-1,
#write .md-alert-warning a {
  color: #906040 !important;
}
#write .md-alert-warning a:hover {
  color: #5ABD3C !important;
}
#write .md-alert-warning a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .md-alert-warning a kbd {
  background: #906040;
  color: #FFFFFF;
  box-shadow: 0 3px #5b3d28;
}
#write .md-alert-warning a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .md-alert-warning .v-svg-input-checkbox > use {
  fill: #906040;
}
#write .md-alert-warning mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-bn-fade) inset;
}
#write .md-alert-warning ::marker,
#write .md-alert-warning li::before {
  color: var(--ac-bn);
}
#write .md-alert-caution {
  background: linear-gradient(180deg, var(--ac-rd) 2.5em, var(--ac-rd-fade) 2.5em, var(--ac-rd-fade)) !important;
  border: 2px solid var(--ac-rd-lg) !important;
}
#write .md-alert-caution :is(blockquote, details) {
  background: var(--ac-rd-fade) !important;
}
#write :is(blockquote, details) .md-alert-caution {
  border-radius: var(--v-r-b) !important;
}
#write .md-alert-text-caution .md-meta {
  color: var(--ac-rd-a) !important;
  font-weight: normal !important;
  opacity: 0.5;
}
#write .md-alert-text-caution {
  color: #FFFFFF !important;
}
#write .md-alert-caution blockquote > p:first-child > :is(strong, span[md-inline="strong"]):only-child,
content > #write .md-alert-caution blockquote > h6:first-child,
#write .md-alert-caution summary,
content > #write .md-alert-caution p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark::before,
content > #write .md-alert-caution p > [md-inline="em"]:only-child > em > [md-inline="highlight"] > mark > [md-inline="em"] > em::before,
#write .md-alert-caution .v-caption:not(.pr) .v-cap-1,
#write .md-alert-caution a {
  color: #C01010 !important;
}
#write .md-alert-caution a:hover {
  color: #5ABD3C !important;
}
#write .md-alert-caution a:active {
  background: var(--pn-c);
  border-bottom: 0;
}
#write .md-alert-caution a kbd {
  background: #C01010;
  color: #FFFFFF;
  box-shadow: 0 3px #790a0a;
}
#write .md-alert-caution a kbd:hover {
  color: #FFFFFF;
  background: #5ABD3C;
  box-shadow: 0 3px #3e832a;
}
#write .md-alert-caution .v-svg-input-checkbox > use {
  fill: #C01010;
}
#write .md-alert-caution mark {
  box-shadow: 0 -0.9em 0 0 var(--ac-rd-fade) inset;
}
#write .md-alert-caution ::marker,
#write .md-alert-caution li::before {
  color: var(--ac-rd);
}
